@dyedurham/search-and-file-widget 2.0.63 → 2.0.64

package/dnd-filing-shell.js

@@ -58082,6 +58082,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   function isOntarioTask(task) {
     return task.entity._compliance.home_jurisdiction === "Ontario";
   }
+  function isChangeOfPrincipalsTask(task) {
+    return task?._taskType === TaskType.ChangeOfPrincipals;
+  }
   function isBritishColumbiaTask(task) {
     return task.entity._compliance.home_jurisdiction === "British Columbia";
   }
@@ -58119,6 +58122,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     if (isAnnualReturnTask(task)) {
       return `${prefix}AnnualReturn`;
     }
+    if (isChangeOfPrincipalsTask(task)) {
+      return `${prefix}NoticeOfChangeOfDirectors`;
+    }
     return void 0;
   }
   function markFormGroupTouched(formGroup) {
@@ -81293,6 +81299,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         initialReturnInitialDelta = signal(null);
         federalFormationInitialDelta = signal(null);
         federalUpdateMaintainInitialDelta = signal(null);
+        bcChangeOfDirectorsInitialDelta = signal(null);
         bcFormationInitialDelta = signal(null);
         setFormationInitialDelta(delta) {
           this.formationInitialDelta.set(delta);
@@ -81309,11 +81316,15 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         setFederalUpdateMaintainInitialDelta(delta) {
           this.federalUpdateMaintainInitialDelta.set(delta);
         }
+        setBCChangeOfDirectorsInitialDelta(delta) {
+          this.bcChangeOfDirectorsInitialDelta.set(delta);
+        }
         reset() {
           this.formationInitialDelta.set(null);
           this.initialReturnInitialDelta.set(null);
           this.federalFormationInitialDelta.set(null);
           this.federalUpdateMaintainInitialDelta.set(null);
+          this.bcChangeOfDirectorsInitialDelta.set(null);
           this.bcFormationInitialDelta.set(null);
         }
         static \u0275fac = function DeltaStateService_Factory(__ngFactoryType__) {
@@ -84122,7 +84133,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   });
 
   // src/app/constants/BritishColumbiaConstants.ts
-  var BCNameType, BCNameTypeLabel, BC_NUMBERED_NAME_PREVIEW, BCNotificationMethod, BCNotificationMethodLabel, BC_NOTIFICATION_METHOD_OPTIONS, BC_PROVINCE_STATE_OPTIONS, BC_COUNTRY_OPTIONS, BC_DEFAULT_PROVINCE_STATE, BC_DEFAULT_COUNTRY, BC_FUTURE_EFFECTIVE_DATE_FEE, BC_PASSWORD_MIN_LENGTH, BC_PASSWORD_MAX_LENGTH, BC_PASSWORD_PATTERN, BC_COMPANY_EMAIL_MAX_LENGTH, BC_NAME_RESERVATION_MAX_LENGTH, BC_NAME_RESERVATION_PATTERN, BC_COMPLETING_PARTY_COUNTRY_OPTIONS;
+  var BCNameType, BCNameTypeLabel, BC_NUMBERED_NAME_PREVIEW, BCNotificationMethod, BCNotificationMethodLabel, BC_NOTIFICATION_METHOD_OPTIONS, BC_CHANGE_OF_DIRECTORS_FILING_FEE, BCAnnualReportReminder, BCAnnualReportReminderLabel, BC_ANNUAL_REPORT_REMINDER_OPTIONS, BC_PROVINCE_STATE_OPTIONS, BC_COUNTRY_OPTIONS, BC_DEFAULT_PROVINCE_STATE, BC_DEFAULT_COUNTRY, BC_FUTURE_EFFECTIVE_DATE_FEE, BC_PASSWORD_MIN_LENGTH, BC_PASSWORD_MAX_LENGTH, BC_PASSWORD_PATTERN, BC_COMPANY_EMAIL_MAX_LENGTH, BC_NAME_RESERVATION_MAX_LENGTH, BC_NAME_RESERVATION_PATTERN, BC_COMPLETING_PARTY_COUNTRY_OPTIONS;
   var init_BritishColumbiaConstants = __esm({
     "src/app/constants/BritishColumbiaConstants.ts"() {
       init_app_enums();
@@ -84145,6 +84156,16 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         [BCNotificationMethod.Mail]: "Notify by mail"
       };
       BC_NOTIFICATION_METHOD_OPTIONS = Object.values(BCNotificationMethod).map((value) => ({ value, label: BCNotificationMethodLabel[value] }));
+      BC_CHANGE_OF_DIRECTORS_FILING_FEE = "$21.50";
+      (function(BCAnnualReportReminder2) {
+        BCAnnualReportReminder2["Yes"] = "yes";
+        BCAnnualReportReminder2["No"] = "no";
+      })(BCAnnualReportReminder || (BCAnnualReportReminder = {}));
+      BCAnnualReportReminderLabel = {
+        [BCAnnualReportReminder.Yes]: "Yes, send the annual report reminder",
+        [BCAnnualReportReminder.No]: "No, I do not need to be reminded"
+      };
+      BC_ANNUAL_REPORT_REMINDER_OPTIONS = Object.values(BCAnnualReportReminder).map((value) => ({ value, label: BCAnnualReportReminderLabel[value] }));
       BC_PROVINCE_STATE_OPTIONS = Object.values(CANProvinces).map((province) => ({ value: province, label: province }));
       BC_COUNTRY_OPTIONS = [
         { value: "Canada", label: "Canada" },
@@ -84169,9 +84190,37 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   });
 
   // src/app/enums/british-columbia-form.enums.ts
-  var BCFormationFormControls, BCFormationFormGroups;
+  var BCChangeOfDirectorsFormControls, BCChangeOfDirectorsFormGroups, BCFormationFormControls, BCFormationFormGroups;
   var init_british_columbia_form_enums = __esm({
     "src/app/enums/british-columbia-form.enums.ts"() {
+      (function(BCChangeOfDirectorsFormControls2) {
+        BCChangeOfDirectorsFormControls2["Id"] = "id";
+        BCChangeOfDirectorsFormControls2["AffiliationName"] = "entityName";
+        BCChangeOfDirectorsFormControls2["AffiliationType"] = "AffiliationType";
+        BCChangeOfDirectorsFormControls2["ClientMatterNumber"] = "ClientMatterNumber";
+        BCChangeOfDirectorsFormControls2["DocketNumber"] = "docketNumber";
+        BCChangeOfDirectorsFormControls2["CorporationName"] = "corporationName";
+        BCChangeOfDirectorsFormControls2["IncorporationNumber"] = "incorporationNumber";
+        BCChangeOfDirectorsFormControls2["CompanyEmail"] = "companyEmail";
+        BCChangeOfDirectorsFormControls2["DirectorsAddedOrDeleted"] = "directorsAddedOrDeleted";
+        BCChangeOfDirectorsFormControls2["ChangeDate"] = "changeDate";
+        BCChangeOfDirectorsFormControls2["FilingFee"] = "filingFee";
+        BCChangeOfDirectorsFormControls2["RegisterAsOfDate"] = "registerAsOfDate";
+        BCChangeOfDirectorsFormControls2["MailingAddress"] = "mailingAddress";
+        BCChangeOfDirectorsFormControls2["DeliveryAddress"] = "deliveryAddress";
+        BCChangeOfDirectorsFormControls2["NotificationMethod"] = "notificationMethod";
+        BCChangeOfDirectorsFormControls2["NotificationEmail"] = "notificationEmail";
+        BCChangeOfDirectorsFormControls2["NotificationMailingAddress"] = "notificationMailingAddress";
+        BCChangeOfDirectorsFormControls2["AnnualReportReminder"] = "annualReportReminder";
+      })(BCChangeOfDirectorsFormControls || (BCChangeOfDirectorsFormControls = {}));
+      (function(BCChangeOfDirectorsFormGroups2) {
+        BCChangeOfDirectorsFormGroups2["ReferenceNumbers"] = "Reference Numbers";
+        BCChangeOfDirectorsFormGroups2["CorporationDetails"] = "Corporation Details";
+        BCChangeOfDirectorsFormGroups2["FilingDetails"] = "Filing Details";
+        BCChangeOfDirectorsFormGroups2["Directors"] = "Director Information";
+        BCChangeOfDirectorsFormGroups2["Notification"] = "Notification";
+        BCChangeOfDirectorsFormGroups2["AnnualReportReminder"] = "Annual Report Reminder";
+      })(BCChangeOfDirectorsFormGroups || (BCChangeOfDirectorsFormGroups = {}));
       (function(BCFormationFormControls2) {
         BCFormationFormControls2["Id"] = "id";
         BCFormationFormControls2["AffiliationName"] = "entityName";
@@ -84350,16 +84399,16 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     const address = delta?.mailingAddress;
     const country = normalizeCountryCode(address?.country);
     return {
-      firstName: delta?.firstName ?? "",
-      middleName: delta?.middleName || void 0,
-      lastName: delta?.lastName ?? "",
-      email: delta?.email ?? "",
+      firstName: delta?.firstName?.trim() ?? "",
+      middleName: delta?.middleName?.trim() || void 0,
+      lastName: delta?.lastName?.trim() ?? "",
+      email: delta?.email?.trim() ?? "",
       mailingAddress: {
-        streetAddress: address?.addressLine1 ?? "",
-        additionalStreetAddress: address?.addressLine2 || void 0,
-        city: address?.city ?? "",
+        streetAddress: address?.addressLine1?.trim() ?? "",
+        additionalStreetAddress: address?.addressLine2?.trim() || void 0,
+        city: address?.city?.trim() ?? "",
         provinceOrState: toProvinceOrStateCode(address?.provinceState, country),
-        postalOrZipCode: address?.postalZip ?? "",
+        postalOrZipCode: address?.postalZip?.trim() ?? "",
         country
       }
     };
@@ -84501,8 +84550,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           const t = translateFn ?? ((key) => key);
           const affiliations = task.entity.affiliations ?? [];
           const delta = task.deltaData;
-          const registeredOffice = this.findSharedAddressAffiliation(affiliations, AddressTitle2.REGISTERED_OFFICE);
-          const recordsOffice = this.findSharedAddressAffiliation(affiliations, AddressTitle2.RECORDS_OFFICE);
+          const registeredOffice = findSharedAddressAffiliation(affiliations, AddressTitle2.REGISTERED_OFFICE);
+          const recordsOffice = findSharedAddressAffiliation(affiliations, AddressTitle2.RECORDS_OFFICE);
           const companyEmail = task.entity.emailOptions?.[0]?.value ?? registeredOffice?.addresses?.[0]?.communications?.find((c) => c.type === "Business Email")?.value ?? task.entity.communications?.find((c) => c.type === "Business Email")?.value ?? // Email only: the entity may carry its Business Email on another address (e.g. Head
           // Office) when no Registered Office shared address exists.
           task.entity.addresses?.flatMap((a) => a.communications ?? []).find((c) => c.type === "Business Email")?.value ?? "";
@@ -84621,6 +84670,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             address.country
           ].filter((part) => Boolean(part?.trim())).join(", ");
         }
+        static findSharedAddressAffiliation(affiliations, staticTitle) {
+          return affiliations.find((a) => a.role?.role_name === AddressRole2.SHARED_ADDRESS && a.role?.static_title === staticTitle);
+        }
         static generateReferenceNumbersFormGroup(deltaData, clientMatterNumber) {
           return new FormGroup({
             [BCFormationFormControls.ClientMatterNumber]: new FormControl(deltaData?.referenceNumber ?? clientMatterNumber ?? ""),
@@ -84639,7 +84691,12 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             translationRows.push(this.createNameTranslationFormGroup());
           }
           return new FormGroup({
-            [BCFormationFormControls.CorporationNameType]: new FormControl(corporationNameType, Validators.required),
+            // The select renders as a free-text autocomplete, so `required` alone accepts typed
+            // values; only a real BCNameType may validate (anything else would file as numbered).
+            [BCFormationFormControls.CorporationNameType]: new FormControl(corporationNameType, [
+              Validators.required,
+              (control) => control.value === BCNameType.Named || control.value === BCNameType.Numbered ? null : { invalidCorporationNameType: true }
+            ]),
             [BCFormationFormControls.CompanyName]: new FormControl(deltaData?.companyName ?? (corporationNameType === BCNameType.Named ? task.entity._profile.name ?? "" : ""), requiredIfValue(BCFormationFormControls.CorporationNameType, BCNameType.Named)),
             [BCFormationFormControls.NameReservationNumber]: new FormControl(deltaData?.nameReservationNumber ?? task._ext._name_reservationID ?? "", [
               requiredIfValue(BCFormationFormControls.CorporationNameType, BCNameType.Named),
@@ -84781,9 +84838,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           const value = registryId?.trim() ?? "";
           return value.length >= BC_PASSWORD_MIN_LENGTH && value.length <= BC_PASSWORD_MAX_LENGTH && BC_PASSWORD_PATTERN.test(value) ? value : "";
         }
-        static findSharedAddressAffiliation(affiliations, staticTitle) {
-          return affiliations.find((a) => a.role?.role_name === AddressRole2.SHARED_ADDRESS && a.role?.static_title === staticTitle);
-        }
         /**
          * Athennian stores one address per `location_type` ("Mailing", "Delivery", …).
          * Falls back to the first address so both lines render when only one exists.
@@ -84798,8 +84852,1293 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }
   });
 
+  // src/app/helpers/british-columbia/change-of-directors/british-columbia-change-of-directors-form.helper.ts
+  function notInFuture() {
+    return (control) => {
+      if (!control.value) {
+        return null;
+      }
+      const value = new Date(control.value);
+      const today = /* @__PURE__ */ new Date();
+      today.setHours(23, 59, 59, 999);
+      return value > today ? { futureDate: true } : null;
+    };
+  }
+  var Controls, BritishColumbiaChangeOfDirectorsFormHelper;
+  var init_british_columbia_change_of_directors_form_helper = __esm({
+    "src/app/helpers/british-columbia/change-of-directors/british-columbia-change-of-directors-form.helper.ts"() {
+      init_forms();
+      init_common_models();
+      init_common_utils();
+      init_initial_return_enums();
+      init_british_columbia_form_enums();
+      init_BritishColumbiaConstants();
+      init_custom_validators();
+      init_british_columbia_formation_form_helper();
+      Controls = BCChangeOfDirectorsFormControls;
+      BritishColumbiaChangeOfDirectorsFormHelper = class {
+        static generateConfig(task, _translateFn) {
+          const affiliations = task.entity.affiliations ?? [];
+          const delta = task.deltaData;
+          const format = BritishColumbiaFormationFormHelper.formatFullAddress;
+          const pick = BritishColumbiaFormationFormHelper.pickAddress;
+          const registeredOffice = BritishColumbiaFormationFormHelper.findSharedAddressAffiliation(affiliations, AddressTitle2.REGISTERED_OFFICE);
+          const companyEmail = registeredOffice?.addresses?.[0]?.communications?.find((c) => c.type === "Business Email")?.value ?? task.entity.communications?.find((c) => c.type === "Business Email")?.value ?? "";
+          const registeredMailing = format(pick(registeredOffice?.addresses, "Mailing"));
+          const today = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
+          const config2 = {};
+          config2[BCChangeOfDirectorsFormGroups.ReferenceNumbers] = this.generateReferenceNumbersFormGroup(delta?.referenceNumbers, task.entity._profile.client_matter_number);
+          config2[BCChangeOfDirectorsFormGroups.CorporationDetails] = new FormGroup({
+            [Controls.CorporationName]: this.readOnly(task.entity._profile.name),
+            [Controls.IncorporationNumber]: this.readOnly(task.entity._profile.corp_number),
+            [Controls.CompanyEmail]: this.readOnly(companyEmail)
+          });
+          const isDirector = (a) => isPrincipalAffiliation2(a) && a.role?.role_name === "Director";
+          const incoming = task.incomingAffiliations ?? [];
+          const outgoing = task.outgoingAffiliations ?? [];
+          const ceasedIds = new Set(outgoing.filter(isDirector).map((a) => a._id));
+          const incomingIds = new Set(incoming.filter(isDirector).map((a) => a._id));
+          const hasAddOrCease = ceasedIds.size > 0 || incomingIds.size > 0;
+          config2[BCChangeOfDirectorsFormGroups.FilingDetails] = new FormGroup({
+            [Controls.DirectorsAddedOrDeleted]: new FormControl(delta?.filingDetails?.directorsAddedOrDeleted ?? hasAddOrCease),
+            [Controls.ChangeDate]: new FormControl(delta?.filingDetails?.changeDate ?? "", [
+              requiredIfValue(Controls.DirectorsAddedOrDeleted, true),
+              notInFuture()
+            ]),
+            [Controls.FilingFee]: this.readOnly(BC_CHANGE_OF_DIRECTORS_FILING_FEE)
+          });
+          const directors = [
+            ...affiliations.filter((a) => isDirector(a) && !incomingIds.has(a._id)).map((a) => this.generateDirectorFormGroup(a, ceasedIds.has(a._id) ? IRAffiliationType.Ceased : IRAffiliationType.Used)),
+            ...incoming.filter(isDirector).map((a) => this.generateDirectorFormGroup(a, IRAffiliationType.Add))
+          ];
+          if (directors.length) {
+            config2[BCChangeOfDirectorsFormGroups.Directors] = new FormArray(directors);
+          }
+          config2[BCChangeOfDirectorsFormGroups.Notification] = new FormGroup({
+            [Controls.RegisterAsOfDate]: this.readOnly(today),
+            [Controls.NotificationMethod]: new FormControl(delta?.notification?.method ?? BCNotificationMethod.Email, Validators.required),
+            [Controls.NotificationEmail]: new FormControl(delta?.notification?.email ?? companyEmail, requiredIfValue(Controls.NotificationMethod, BCNotificationMethod.Email)),
+            [Controls.NotificationMailingAddress]: this.readOnly(registeredMailing)
+          });
+          config2[BCChangeOfDirectorsFormGroups.AnnualReportReminder] = new FormGroup({
+            [Controls.AnnualReportReminder]: new FormControl(delta?.annualReportReminder ?? BCAnnualReportReminder.Yes, Validators.required)
+          });
+          return config2;
+        }
+        static generateReferenceNumbersFormGroup(deltaData, clientMatterNumber) {
+          return new FormGroup({
+            [Controls.ClientMatterNumber]: new FormControl(deltaData?.referenceNumber ?? clientMatterNumber ?? ""),
+            [Controls.DocketNumber]: new FormControl(deltaData?.docketNumber ?? "")
+          });
+        }
+        static generateDirectorFormGroup(affiliation, affiliationType) {
+          const addresses = affiliation.addresses?.length ? affiliation.addresses : affiliation.parent_affiliation?.addresses ?? [];
+          return new FormGroup({
+            [Controls.Id]: new FormControl(affiliation._id),
+            [Controls.AffiliationName]: this.readOnly(generateTaskAffiliationFullName(affiliation)),
+            [Controls.AffiliationType]: this.readOnly(affiliationType),
+            [Controls.MailingAddress]: this.readOnly(BritishColumbiaFormationFormHelper.formatFullAddress(BritishColumbiaFormationFormHelper.pickAddress(addresses, "Mailing"))),
+            [Controls.DeliveryAddress]: this.readOnly(BritishColumbiaFormationFormHelper.formatFullAddress(BritishColumbiaFormationFormHelper.pickAddress(addresses, "Delivery")))
+          });
+        }
+        static readOnly(value) {
+          return new FormControl({ value: value ?? "", disabled: true });
+        }
+      };
+    }
+  });
+
+  // src/app/constants/ui/british-columbia-change-of-directors-form.constants.ts
+  var Controls2, labelledValue, readOnlyRow, directorsAddedOrDeleted, isNotifyByMail, BC_COD_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS, BC_COD_CARD_FORM_CORPORATION_DETAILS_FIELDS, BC_COD_DELTA_CARD_FORM_FILING_DETAILS_FIELDS, generateBCChangeOfDirectorsIntroFields, BC_COD_CARD_FORM_DIRECTORS_FIELDS, BC_COD_DELTA_CARD_FORM_NOTIFICATION_FIELDS, BC_COD_DELTA_CARD_FORM_ANNUAL_REPORT_REMINDER_FIELDS;
+  var init_british_columbia_change_of_directors_form_constants = __esm({
+    "src/app/constants/ui/british-columbia-change-of-directors-form.constants.ts"() {
+      init_form_enums();
+      init_british_columbia_form_enums();
+      init_BritishColumbiaConstants();
+      Controls2 = BCChangeOfDirectorsFormControls;
+      labelledValue = (label, value, t) => `<span class="body-1-semibold">${t(label)}:</span> ${value || t("Not specified")}`;
+      readOnlyRow = (label, control, className = "span-12") => ({
+        type: FormType.Text,
+        formControlName: control,
+        class: className,
+        dynamicLabel: (form, t) => labelledValue(label, form.get(control)?.value, t)
+      });
+      directorsAddedOrDeleted = (form) => Boolean(form.get(Controls2.DirectorsAddedOrDeleted)?.value);
+      isNotifyByMail = (form) => form.get(Controls2.NotificationMethod)?.value === BCNotificationMethod.Mail;
+      BC_COD_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS = [
+        {
+          type: FormType.Input,
+          label: "Client/Matter Number",
+          formControlName: Controls2.ClientMatterNumber
+        },
+        {
+          type: FormType.Input,
+          label: "Docket Number",
+          formControlName: Controls2.DocketNumber
+        }
+      ];
+      BC_COD_CARD_FORM_CORPORATION_DETAILS_FIELDS = [
+        readOnlyRow("Corporation Name", Controls2.CorporationName),
+        readOnlyRow("Incorporation Number", Controls2.IncorporationNumber),
+        readOnlyRow("Company Email", Controls2.CompanyEmail)
+      ];
+      BC_COD_DELTA_CARD_FORM_FILING_DETAILS_FIELDS = [
+        {
+          type: FormType.Text,
+          formControlName: "",
+          class: "span-12",
+          dynamicLabel: (_, t) => `<span class="body-1-semibold">${t("Note")}:</span> ${t("There is no fee for changing the legal name or the address of a director. A filing fee applies when directors are added or deleted as part of this filing.")}`
+        },
+        {
+          type: FormType.Checkbox,
+          label: "Directors will be added and/or deleted as part of this filing",
+          formControlName: Controls2.DirectorsAddedOrDeleted,
+          class: "span-12",
+          onChange: (form) => {
+            if (!directorsAddedOrDeleted(form)) {
+              form.get(Controls2.ChangeDate)?.setValue("", { emitEvent: false });
+            }
+            form.get(Controls2.ChangeDate)?.updateValueAndValidity({ emitEvent: false });
+          }
+        },
+        {
+          type: FormType.Date,
+          label: "Date Directors were added or deleted",
+          formControlName: Controls2.ChangeDate,
+          required: true,
+          isVisible: directorsAddedOrDeleted,
+          class: "span-8"
+        },
+        __spreadProps(__spreadValues({}, readOnlyRow("Filing Fee", Controls2.FilingFee, "span-4")), {
+          isVisible: directorsAddedOrDeleted
+        }),
+        {
+          type: FormType.Text,
+          formControlName: "",
+          class: "span-12",
+          isVisible: directorsAddedOrDeleted,
+          dynamicLabel: (_, t) => t("The date on which the individual(s) became or ceased to be a director. This date must be today's date or in the past.")
+        }
+      ];
+      generateBCChangeOfDirectorsIntroFields = (registerAsOf) => [
+        {
+          type: FormType.Text,
+          formControlName: "",
+          class: "span-12",
+          dynamicLabel: (_, t) => t("These are the directors on the corporate register as of {{date}}. Director appointments, cessations and changes to a director's details are made on the task before this filing \u2014 they cannot be added, ceased, or edited here. Ceasing or adding a director requires the checkbox and date in Filing Details above.").replace("{{date}}", registerAsOf)
+        }
+      ];
+      BC_COD_CARD_FORM_DIRECTORS_FIELDS = [
+        readOnlyRow("Mailing Address - Full Address", Controls2.MailingAddress),
+        readOnlyRow("Delivery Address - Full Address", Controls2.DeliveryAddress)
+      ];
+      BC_COD_DELTA_CARD_FORM_NOTIFICATION_FIELDS = [
+        {
+          type: FormType.Select,
+          label: "Notification Method",
+          formControlName: Controls2.NotificationMethod,
+          required: true,
+          options: BC_NOTIFICATION_METHOD_OPTIONS,
+          needTranslate: true,
+          class: "span-6",
+          onChange: (form) => form.get(Controls2.NotificationEmail)?.updateValueAndValidity({ emitEvent: false })
+        },
+        {
+          type: FormType.Input,
+          label: "Notification Email",
+          formControlName: Controls2.NotificationEmail,
+          required: true,
+          isVisible: (form) => !isNotifyByMail(form),
+          class: "column-3"
+        },
+        {
+          type: FormType.Text,
+          formControlName: Controls2.NotificationMailingAddress,
+          class: "span-12",
+          isVisible: isNotifyByMail,
+          dynamicLabel: (form, t) => `<span class="body-1-semibold">${t("Mailing Address")}:</span> ${t("defaults to Registered Office mailing address")} (${form.get(Controls2.NotificationMailingAddress)?.value || t("Not specified")})`
+        }
+      ];
+      BC_COD_DELTA_CARD_FORM_ANNUAL_REPORT_REMINDER_FIELDS = [
+        {
+          type: FormType.Text,
+          formControlName: "",
+          class: "span-12",
+          dynamicLabel: (_, t) => t("Does this company wish to be reminded to file its annual reports? If an email address is specified, the reminder will be sent to the company's email address. Otherwise, the reminder will be mailed to the registered or head office of the company.")
+        },
+        {
+          type: FormType.Select,
+          label: "Annual Report Reminder",
+          formControlName: Controls2.AnnualReportReminder,
+          required: true,
+          options: BC_ANNUAL_REPORT_REMINDER_OPTIONS,
+          needTranslate: true,
+          class: "column-3"
+        }
+      ];
+    }
+  });
+
+  // src/app/components/british-columbia/change-of-directors/change-of-directors-form/change-of-directors-form.component.ts
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_1_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275element(0, "alert", 2);
+    }
+    if (rf & 2) {
+      const ctx_r0 = \u0275\u0275nextContext();
+      \u0275\u0275property("type", ctx_r0.alertType.Info);
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_2_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275element(0, "alert", 3);
+    }
+    if (rf & 2) {
+      const ctx_r0 = \u0275\u0275nextContext();
+      \u0275\u0275property("content", ctx_r0.errors());
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_5_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r2 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "expandable-card", 5)(1, "filing-form-group", 11);
+      \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_5_Template_filing_form_group_visiblyValidChange_1_listener($event) {
+        \u0275\u0275restoreView(_r2);
+        const ctx_r0 = \u0275\u0275nextContext();
+        return \u0275\u0275resetView(ctx_r0.onSectionValidChange("refNumbers", $event));
+      });
+      \u0275\u0275elementEnd()();
+    }
+    if (rf & 2) {
+      const ctx_r0 = \u0275\u0275nextContext();
+      const referenceNumbers_r3 = \u0275\u0275readContextLet(4);
+      \u0275\u0275property("title", ctx_r0.groups.ReferenceNumbers);
+      \u0275\u0275advance();
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", referenceNumbers_r3)("config", ctx_r0.referenceNumbersFields);
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_7_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275elementStart(0, "expandable-card", 6)(1, "div", 12)(2, "p")(3, "strong");
+      \u0275\u0275text(4);
+      \u0275\u0275pipe(5, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275text(6);
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(7, "p")(8, "strong");
+      \u0275\u0275text(9);
+      \u0275\u0275pipe(10, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275text(11);
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(12, "p")(13, "strong");
+      \u0275\u0275text(14);
+      \u0275\u0275pipe(15, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275text(16);
+      \u0275\u0275elementEnd()()();
+    }
+    if (rf & 2) {
+      let tmp_10_0;
+      let tmp_12_0;
+      let tmp_14_0;
+      const ctx_r0 = \u0275\u0275nextContext();
+      const corporationDetails_r4 = \u0275\u0275readContextLet(6);
+      \u0275\u0275property("isStatusIcon", false)("title", ctx_r0.groups.CorporationDetails);
+      \u0275\u0275advance(4);
+      \u0275\u0275textInterpolate1("", \u0275\u0275pipeBind1(5, 8, "Corporation Name"), ":");
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate1(" ", (tmp_10_0 = corporationDetails_r4.get(ctx_r0.controls.CorporationName)) == null ? null : tmp_10_0.value, " ");
+      \u0275\u0275advance(3);
+      \u0275\u0275textInterpolate1("", \u0275\u0275pipeBind1(10, 10, "Incorporation Number"), ":");
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate1(" ", (tmp_12_0 = corporationDetails_r4.get(ctx_r0.controls.IncorporationNumber)) == null ? null : tmp_12_0.value, " ");
+      \u0275\u0275advance(3);
+      \u0275\u0275textInterpolate1("", \u0275\u0275pipeBind1(15, 12, "Company Email"), ":");
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate1(" ", (tmp_14_0 = corporationDetails_r4.get(ctx_r0.controls.CompanyEmail)) == null ? null : tmp_14_0.value, " ");
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Conditional_11_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r7 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "div", 16)(1, "div", 17)(2, "label");
+      \u0275\u0275text(3);
+      \u0275\u0275pipe(4, "translate");
+      \u0275\u0275elementStart(5, "span");
+      \u0275\u0275text(6, "*");
+      \u0275\u0275elementEnd()();
+      \u0275\u0275elementStart(7, "mat-form-field", 18)(8, "input", 19);
+      \u0275\u0275listener("dateChange", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Conditional_11_Template_input_dateChange_8_listener() {
+        \u0275\u0275restoreView(_r7);
+        const ctx_r0 = \u0275\u0275nextContext(2);
+        const filingDetails_r6 = \u0275\u0275readContextLet(8);
+        return \u0275\u0275resetView(ctx_r0.onSectionValidChange("filingDetails", filingDetails_r6.valid));
+      });
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(9, "mat-datepicker-toggle", 20)(10, "mat-icon", 21);
+      \u0275\u0275text(11, "calendar_today");
+      \u0275\u0275elementEnd()();
+      \u0275\u0275element(12, "mat-datepicker", null, 0);
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(14, "p", 22);
+      \u0275\u0275text(15);
+      \u0275\u0275pipe(16, "translate");
+      \u0275\u0275elementEnd()();
+      \u0275\u0275elementStart(17, "p", 23)(18, "strong");
+      \u0275\u0275text(19);
+      \u0275\u0275pipe(20, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275text(21);
+      \u0275\u0275elementEnd()();
+    }
+    if (rf & 2) {
+      let tmp_15_0;
+      const changeDatePicker_r8 = \u0275\u0275reference(13);
+      const ctx_r0 = \u0275\u0275nextContext(2);
+      const filingDetails_r6 = \u0275\u0275readContextLet(8);
+      \u0275\u0275advance(3);
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(4, 7, "Date Directors were added or deleted"), "");
+      \u0275\u0275advance(5);
+      \u0275\u0275property("matDatepicker", changeDatePicker_r8)("formControlName", ctx_r0.controls.ChangeDate);
+      \u0275\u0275advance();
+      \u0275\u0275property("for", changeDatePicker_r8);
+      \u0275\u0275advance(6);
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(16, 9, "The date on which the individual(s) became or ceased to be a director. This date must be today's date or in the past."), " ");
+      \u0275\u0275advance(4);
+      \u0275\u0275textInterpolate1("", \u0275\u0275pipeBind1(20, 11, "Filing Fee"), ":");
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate1(" ", (tmp_15_0 = filingDetails_r6.get(ctx_r0.controls.FilingFee)) == null ? null : tmp_15_0.value, " ");
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r5 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "expandable-card", 7)(1, "div", 13)(2, "div", 14)(3, "strong");
+      \u0275\u0275text(4);
+      \u0275\u0275pipe(5, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275text(6);
+      \u0275\u0275pipe(7, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(8, "mat-checkbox", 15);
+      \u0275\u0275listener("change", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Template_mat_checkbox_change_8_listener() {
+        let tmp_8_0;
+        \u0275\u0275restoreView(_r5);
+        const ctx_r0 = \u0275\u0275nextContext();
+        const filingDetails_r6 = \u0275\u0275readContextLet(8);
+        (tmp_8_0 = filingDetails_r6.get(ctx_r0.controls.ChangeDate)) == null ? null : tmp_8_0.updateValueAndValidity({ emitEvent: false });
+        return \u0275\u0275resetView(ctx_r0.onSectionValidChange("filingDetails", filingDetails_r6.valid));
+      });
+      \u0275\u0275text(9);
+      \u0275\u0275pipe(10, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275template(11, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Conditional_11_Template, 22, 13, "div", 16);
+      \u0275\u0275elementEnd()();
+    }
+    if (rf & 2) {
+      let tmp_15_0;
+      const ctx_r0 = \u0275\u0275nextContext();
+      const filingDetails_r6 = \u0275\u0275readContextLet(8);
+      \u0275\u0275property("isStatusIcon", !ctx_r0.readonly())("isValid", ctx_r0.sectionValidity["filingDetails"])("title", ctx_r0.groups.FilingDetails);
+      \u0275\u0275advance();
+      \u0275\u0275property("formGroup", filingDetails_r6);
+      \u0275\u0275advance(3);
+      \u0275\u0275textInterpolate1("", \u0275\u0275pipeBind1(5, 9, "Note"), ":");
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(7, 11, "There is no fee for changing the legal name or the address of a director. A filing fee applies when directors are added or deleted as part of this filing."), " ");
+      \u0275\u0275advance(2);
+      \u0275\u0275property("formControlName", ctx_r0.controls.DirectorsAddedOrDeleted);
+      \u0275\u0275advance();
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(10, 13, "Directors will be added and/or deleted as part of this filing"), " ");
+      \u0275\u0275advance(2);
+      \u0275\u0275conditional(((tmp_15_0 = filingDetails_r6.get(ctx_r0.controls.DirectorsAddedOrDeleted)) == null ? null : tmp_15_0.value) ? 11 : -1);
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_13_For_12_Conditional_1_Conditional_4_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275elementStart(0, "span", 28);
+      \u0275\u0275text(1);
+      \u0275\u0275pipe(2, "translate");
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      \u0275\u0275advance();
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(2, 1, "NEW"));
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_13_For_12_Conditional_1_Conditional_5_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275elementStart(0, "span", 29);
+      \u0275\u0275text(1);
+      \u0275\u0275pipe(2, "translate");
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      \u0275\u0275advance();
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(2, 1, "CEASE"));
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_13_For_12_Conditional_1_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275elementStart(0, "div", 26)(1, "div", 27)(2, "strong");
+      \u0275\u0275text(3);
+      \u0275\u0275elementEnd();
+      \u0275\u0275template(4, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_13_For_12_Conditional_1_Conditional_4_Template, 3, 3, "span", 28)(5, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_13_For_12_Conditional_1_Conditional_5_Template, 3, 3, "span", 29);
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(6, "div", 27);
+      \u0275\u0275text(7);
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(8, "div", 27);
+      \u0275\u0275text(9);
+      \u0275\u0275elementEnd()();
+    }
+    if (rf & 2) {
+      let tmp_20_0;
+      let tmp_23_0;
+      let tmp_24_0;
+      \u0275\u0275nextContext();
+      const directorForm_r9 = \u0275\u0275readContextLet(0);
+      const ctx_r0 = \u0275\u0275nextContext(2);
+      \u0275\u0275advance(3);
+      \u0275\u0275textInterpolate((tmp_20_0 = directorForm_r9.get(ctx_r0.controls.AffiliationName)) == null ? null : tmp_20_0.value);
+      \u0275\u0275advance();
+      \u0275\u0275conditional(ctx_r0.isNewDirector(directorForm_r9) ? 4 : -1);
+      \u0275\u0275advance();
+      \u0275\u0275conditional(ctx_r0.isCeasedDirector(directorForm_r9) ? 5 : -1);
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate((tmp_23_0 = directorForm_r9.get(ctx_r0.controls.MailingAddress)) == null ? null : tmp_23_0.value);
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate((tmp_24_0 = directorForm_r9.get(ctx_r0.controls.DeliveryAddress)) == null ? null : tmp_24_0.value);
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_13_For_12_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275declareLet(0);
+      \u0275\u0275template(1, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_13_For_12_Conditional_1_Template, 10, 5, "div", 26);
+    }
+    if (rf & 2) {
+      const \u0275$index_118_r10 = ctx.$index;
+      const directorForm_r11 = \u0275\u0275storeLet(\u0275\u0275nextContext(2).getDirectorForm(\u0275$index_118_r10));
+      \u0275\u0275advance();
+      \u0275\u0275conditional(directorForm_r11 ? 1 : -1);
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_13_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275elementStart(0, "div", 9)(1, "div", 24)(2, "div", 25);
+      \u0275\u0275text(3);
+      \u0275\u0275pipe(4, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(5, "div", 25);
+      \u0275\u0275text(6);
+      \u0275\u0275pipe(7, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(8, "div", 25);
+      \u0275\u0275text(9);
+      \u0275\u0275pipe(10, "translate");
+      \u0275\u0275elementEnd()();
+      \u0275\u0275repeaterCreate(11, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_13_For_12_Template, 2, 2, null, null, \u0275\u0275repeaterTrackByIdentity);
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      \u0275\u0275nextContext();
+      const directorsArray_r12 = \u0275\u0275readContextLet(10);
+      \u0275\u0275advance(3);
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(4, 3, "Name"));
+      \u0275\u0275advance(3);
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(7, 5, "Mailing Address"));
+      \u0275\u0275advance(3);
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(10, 7, "Delivery Address"));
+      \u0275\u0275advance(2);
+      \u0275\u0275repeater(directorsArray_r12.controls);
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_14_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275elementStart(0, "h2", 10);
+      \u0275\u0275text(1);
+      \u0275\u0275pipe(2, "translate");
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      \u0275\u0275advance();
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(2, 1, "Unchanged"));
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_16_Conditional_9_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r15 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "div", 33)(1, "label");
+      \u0275\u0275text(2);
+      \u0275\u0275pipe(3, "translate");
+      \u0275\u0275elementStart(4, "span");
+      \u0275\u0275text(5, "*");
+      \u0275\u0275elementEnd()();
+      \u0275\u0275elementStart(6, "mat-form-field", 18)(7, "input", 35);
+      \u0275\u0275listener("input", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_16_Conditional_9_Template_input_input_7_listener() {
+        \u0275\u0275restoreView(_r15);
+        const ctx_r0 = \u0275\u0275nextContext(2);
+        const notification_r14 = \u0275\u0275readContextLet(15);
+        return \u0275\u0275resetView(ctx_r0.onSectionValidChange("notification", notification_r14.valid));
+      });
+      \u0275\u0275elementEnd()()();
+    }
+    if (rf & 2) {
+      const ctx_r0 = \u0275\u0275nextContext(2);
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(3, 2, "Notification Email"));
+      \u0275\u0275advance(5);
+      \u0275\u0275property("formControlName", ctx_r0.controls.NotificationEmail);
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_16_Conditional_10_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275elementStart(0, "p", 34)(1, "strong");
+      \u0275\u0275text(2);
+      \u0275\u0275pipe(3, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275text(4);
+      \u0275\u0275pipe(5, "translate");
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      let tmp_9_0;
+      const ctx_r0 = \u0275\u0275nextContext(2);
+      const notification_r14 = \u0275\u0275readContextLet(15);
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate1("", \u0275\u0275pipeBind1(3, 2, "Mailing Address"), ":");
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate1(" ", ((tmp_9_0 = notification_r14.get(ctx_r0.controls.NotificationMailingAddress)) == null ? null : tmp_9_0.value) || \u0275\u0275pipeBind1(5, 4, "Not specified"), " ");
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_16_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r13 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "expandable-card", 7)(1, "div", 30)(2, "mat-radio-group", 31);
+      \u0275\u0275listener("change", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_16_Template_mat_radio_group_change_2_listener() {
+        let tmp_8_0;
+        \u0275\u0275restoreView(_r13);
+        const ctx_r0 = \u0275\u0275nextContext();
+        const notification_r14 = \u0275\u0275readContextLet(15);
+        (tmp_8_0 = notification_r14.get(ctx_r0.controls.NotificationEmail)) == null ? null : tmp_8_0.updateValueAndValidity({ emitEvent: false });
+        return \u0275\u0275resetView(ctx_r0.onSectionValidChange("notification", notification_r14.valid));
+      });
+      \u0275\u0275elementStart(3, "mat-radio-button", 32);
+      \u0275\u0275text(4);
+      \u0275\u0275pipe(5, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(6, "mat-radio-button", 32);
+      \u0275\u0275text(7);
+      \u0275\u0275pipe(8, "translate");
+      \u0275\u0275elementEnd()();
+      \u0275\u0275template(9, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_16_Conditional_9_Template, 8, 4, "div", 33)(10, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_16_Conditional_10_Template, 6, 6, "p", 34);
+      \u0275\u0275elementEnd()();
+    }
+    if (rf & 2) {
+      let tmp_16_0;
+      const ctx_r0 = \u0275\u0275nextContext();
+      const notification_r14 = \u0275\u0275readContextLet(15);
+      \u0275\u0275property("isStatusIcon", !ctx_r0.readonly())("isValid", ctx_r0.sectionValidity["notification"])("title", ctx_r0.groups.Notification);
+      \u0275\u0275advance();
+      \u0275\u0275property("formGroup", notification_r14);
+      \u0275\u0275advance();
+      \u0275\u0275property("formControlName", ctx_r0.controls.NotificationMethod);
+      \u0275\u0275advance();
+      \u0275\u0275property("value", ctx_r0.notificationMethodOption.Email);
+      \u0275\u0275advance();
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(5, 10, "Notify by email"), " ");
+      \u0275\u0275advance(2);
+      \u0275\u0275property("value", ctx_r0.notificationMethodOption.Mail);
+      \u0275\u0275advance();
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(8, 12, "Notify by mail"), " ");
+      \u0275\u0275advance(2);
+      \u0275\u0275conditional(((tmp_16_0 = notification_r14.get(ctx_r0.controls.NotificationMethod)) == null ? null : tmp_16_0.value) === ctx_r0.notificationMethodOption.Email ? 9 : 10);
+    }
+  }
+  function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_18_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r16 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "expandable-card", 7)(1, "div", 36)(2, "p");
+      \u0275\u0275text(3);
+      \u0275\u0275pipe(4, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(5, "mat-radio-group", 31);
+      \u0275\u0275listener("change", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_18_Template_mat_radio_group_change_5_listener() {
+        \u0275\u0275restoreView(_r16);
+        const ctx_r0 = \u0275\u0275nextContext();
+        const annualReportReminder_r17 = \u0275\u0275readContextLet(17);
+        return \u0275\u0275resetView(ctx_r0.onSectionValidChange("annualReportReminder", annualReportReminder_r17.valid));
+      });
+      \u0275\u0275elementStart(6, "mat-radio-button", 32);
+      \u0275\u0275text(7);
+      \u0275\u0275pipe(8, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(9, "mat-radio-button", 32);
+      \u0275\u0275text(10);
+      \u0275\u0275pipe(11, "translate");
+      \u0275\u0275elementEnd()()()();
+    }
+    if (rf & 2) {
+      const ctx_r0 = \u0275\u0275nextContext();
+      const annualReportReminder_r17 = \u0275\u0275readContextLet(17);
+      \u0275\u0275property("isStatusIcon", !ctx_r0.readonly())("isValid", ctx_r0.sectionValidity["annualReportReminder"])("title", ctx_r0.groups.AnnualReportReminder);
+      \u0275\u0275advance();
+      \u0275\u0275property("formGroup", annualReportReminder_r17);
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(4, 10, "Does this company wish to be reminded to file its annual reports? If an email address is specified, the reminder will be sent to the company's email address. Otherwise, the reminder will be mailed to the registered or head office of the company."), " ");
+      \u0275\u0275advance(2);
+      \u0275\u0275property("formControlName", ctx_r0.controls.AnnualReportReminder);
+      \u0275\u0275advance();
+      \u0275\u0275property("value", ctx_r0.annualReportReminderOption.Yes);
+      \u0275\u0275advance();
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(8, 12, "Yes, send the annual report reminder"), " ");
+      \u0275\u0275advance(2);
+      \u0275\u0275property("value", ctx_r0.annualReportReminderOption.No);
+      \u0275\u0275advance();
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(11, 14, "No, I do not need to be reminded"), " ");
+    }
+  }
+  var BritishColumbiaChangeOfDirectorsFormComponent;
+  var init_change_of_directors_form_component = __esm({
+    "src/app/components/british-columbia/change-of-directors/change-of-directors-form/change-of-directors-form.component.ts"() {
+      init_core();
+      init_forms();
+      init_checkbox();
+      init_datepicker();
+      init_form_field();
+      init_input();
+      init_icon();
+      init_radio();
+      init_ngx_translate_core();
+      init_filing_form_group_component();
+      init_alert_component();
+      init_alert_enum();
+      init_expandable_card_component();
+      init_british_columbia_form_enums();
+      init_british_columbia_change_of_directors_form_constants();
+      init_BritishColumbiaConstants();
+      init_core();
+      init_forms();
+      BritishColumbiaChangeOfDirectorsFormComponent = class _BritishColumbiaChangeOfDirectorsFormComponent {
+        form = input.required();
+        task = input();
+        errors = input([]);
+        isNote = input(false);
+        isSubmitted = input(false);
+        readonly = input(false);
+        visiblyValidChange = output();
+        alertType = AlertType;
+        groups = BCChangeOfDirectorsFormGroups;
+        controls = BCChangeOfDirectorsFormControls;
+        notificationMethodOption = BCNotificationMethod;
+        annualReportReminderOption = BCAnnualReportReminder;
+        referenceNumbersFields = BC_COD_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS;
+        corporationDetailsFields = BC_COD_CARD_FORM_CORPORATION_DETAILS_FIELDS;
+        filingDetailsFields = BC_COD_DELTA_CARD_FORM_FILING_DETAILS_FIELDS;
+        directorsFields = BC_COD_CARD_FORM_DIRECTORS_FIELDS;
+        notificationFields = BC_COD_DELTA_CARD_FORM_NOTIFICATION_FIELDS;
+        annualReportReminderFields = BC_COD_DELTA_CARD_FORM_ANNUAL_REPORT_REMINDER_FIELDS;
+        directorsIntroFields = computed(() => {
+          const date = this.form().get(this.groups.Notification)?.get(this.controls.RegisterAsOfDate)?.value ?? "";
+          return generateBCChangeOfDirectorsIntroFields(date);
+        });
+        initiallyOpenCardsCount = 3;
+        sectionValidity = {};
+        isVisiblyValid() {
+          return Object.values(this.sectionValidity).every((v) => v);
+        }
+        onSectionValidChange(section, valid) {
+          this.sectionValidity = __spreadProps(__spreadValues({}, this.sectionValidity), { [section]: valid });
+          this.visiblyValidChange.emit(this.isVisiblyValid());
+        }
+        getFormGroup(key) {
+          return this.form().get(key) ?? null;
+        }
+        getFormArray(key) {
+          return this.form().get(key) ?? null;
+        }
+        getDirectorForm(index) {
+          return this.getFormArray(this.groups.Directors)?.at(index) ?? null;
+        }
+        getDirectorStatus(formGroup) {
+          return formGroup.get(this.controls.AffiliationType)?.value ?? "";
+        }
+        isNewDirector(formGroup) {
+          return this.getDirectorStatus(formGroup) === "Add";
+        }
+        isCeasedDirector(formGroup) {
+          return this.getDirectorStatus(formGroup) === "Ceased";
+        }
+        static \u0275fac = function BritishColumbiaChangeOfDirectorsFormComponent_Factory(__ngFactoryType__) {
+          return new (__ngFactoryType__ || _BritishColumbiaChangeOfDirectorsFormComponent)();
+        };
+        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaChangeOfDirectorsFormComponent, selectors: [["british-columbia-change-of-directors-form"]], inputs: { form: [1, "form"], task: [1, "task"], errors: [1, "errors"], isNote: [1, "isNote"], isSubmitted: [1, "isSubmitted"], readonly: [1, "readonly"] }, outputs: { visiblyValidChange: "visiblyValidChange" }, decls: 19, vars: 19, consts: [["changeDatePicker", ""], [1, "change-of-directors-form"], ["title", "Entity changed", "content", "A new draft needs to be generated as the Entity was changed since the last draft was produced.", 3, "type"], ["title", "The following issues need to be resolved before proceeding:", 3, "content"], [1, "change-of-directors-form-content"], [3, "title"], [3, "isStatusIcon", "title"], [3, "isStatusIcon", "isValid", "title"], [3, "isSubmitted", "form", "config"], ["role", "table", 1, "directors-table"], [1, "body-1-regular"], [3, "visiblyValidChange", "isSubmitted", "form", "config"], [1, "readonly-summary"], [1, "filing-details", 3, "formGroup"], [1, "note-box"], [1, "directors-change-checkbox", 3, "change", "formControlName"], [1, "filing-details-grid"], [1, "date-field"], ["appearance", "outline"], ["matInput", "", "placeholder", "dd/mm/yyyy", 3, "dateChange", "matDatepicker", "formControlName"], ["matSuffix", "", 3, "for"], ["matDatepickerToggleIcon", ""], [1, "hint"], [1, "filing-fee"], ["role", "row", 1, "directors-table-header"], ["role", "columnheader"], ["role", "row", 1, "directors-table-row"], ["role", "cell"], [1, "status-pill", "new"], [1, "status-pill", "ceased"], [1, "notification-section", 3, "formGroup"], [3, "change", "formControlName"], [3, "value"], [1, "email-field"], [1, "mailing-copy"], ["matInput", "", 3, "input", "formControlName"], [1, "annual-reminder", 3, "formGroup"]], template: function BritishColumbiaChangeOfDirectorsFormComponent_Template(rf, ctx) {
+          if (rf & 1) {
+            \u0275\u0275elementStart(0, "div", 1);
+            \u0275\u0275template(1, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_1_Template, 1, 1, "alert", 2)(2, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_2_Template, 1, 1, "alert", 3);
+            \u0275\u0275elementStart(3, "div", 4);
+            \u0275\u0275declareLet(4);
+            \u0275\u0275template(5, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_5_Template, 2, 4, "expandable-card", 5);
+            \u0275\u0275declareLet(6);
+            \u0275\u0275template(7, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_7_Template, 17, 14, "expandable-card", 6);
+            \u0275\u0275declareLet(8);
+            \u0275\u0275template(9, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Template, 12, 15, "expandable-card", 7);
+            \u0275\u0275declareLet(10);
+            \u0275\u0275elementStart(11, "expandable-card", 6);
+            \u0275\u0275element(12, "filing-form-group", 8);
+            \u0275\u0275template(13, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_13_Template, 13, 9, "div", 9)(14, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_14_Template, 3, 3, "h2", 10);
+            \u0275\u0275elementEnd();
+            \u0275\u0275declareLet(15);
+            \u0275\u0275template(16, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_16_Template, 11, 14, "expandable-card", 7);
+            \u0275\u0275declareLet(17);
+            \u0275\u0275template(18, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_18_Template, 12, 16, "expandable-card", 7);
+            \u0275\u0275elementEnd()();
+          }
+          if (rf & 2) {
+            \u0275\u0275advance();
+            \u0275\u0275conditional(ctx.isNote() ? 1 : -1);
+            \u0275\u0275advance();
+            \u0275\u0275conditional(ctx.errors().length ? 2 : -1);
+            \u0275\u0275advance(2);
+            const referenceNumbers_r18 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.ReferenceNumbers));
+            \u0275\u0275advance();
+            \u0275\u0275conditional(referenceNumbers_r18 ? 5 : -1);
+            \u0275\u0275advance();
+            const corporationDetails_r19 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.CorporationDetails));
+            \u0275\u0275advance();
+            \u0275\u0275conditional(corporationDetails_r19 ? 7 : -1);
+            \u0275\u0275advance();
+            const filingDetails_r20 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.FilingDetails));
+            \u0275\u0275advance();
+            \u0275\u0275conditional(filingDetails_r20 ? 9 : -1);
+            \u0275\u0275advance();
+            const directorsArray_r21 = \u0275\u0275storeLet(ctx.getFormArray(ctx.groups.Directors));
+            \u0275\u0275advance();
+            \u0275\u0275property("isStatusIcon", false)("title", ctx.groups.Directors);
+            \u0275\u0275advance();
+            \u0275\u0275property("isSubmitted", ctx.isSubmitted())("form", ctx.form())("config", ctx.directorsIntroFields());
+            \u0275\u0275advance();
+            \u0275\u0275conditional(directorsArray_r21 && directorsArray_r21.length ? 13 : 14);
+            \u0275\u0275advance(2);
+            const notification_r22 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.Notification));
+            \u0275\u0275advance();
+            \u0275\u0275conditional(notification_r22 ? 16 : -1);
+            \u0275\u0275advance();
+            const annualReportReminder_r23 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.AnnualReportReminder));
+            \u0275\u0275advance();
+            \u0275\u0275conditional(annualReportReminder_r23 ? 18 : -1);
+          }
+        }, dependencies: [
+          FilingFormGroupComponent,
+          AlertComponent,
+          ExpandableCardComponent,
+          MatCheckbox,
+          MatDatepicker,
+          MatDatepickerInput,
+          MatDatepickerToggle,
+          MatFormField,
+          MatIcon,
+          MatInput,
+          MatRadioButton,
+          MatRadioGroup,
+          ReactiveFormsModule,
+          DefaultValueAccessor,
+          NgControlStatus,
+          NgControlStatusGroup,
+          FormGroupDirective,
+          FormControlName,
+          TranslatePipe
+        ], styles: ["\n\n[_nghost-%COMP%] {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  color: #2f343b;\n}\n[_nghost-%COMP%]   .change-of-directors-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n  min-height: 0;\n  width: 100%;\n}\n[_nghost-%COMP%]   .change-of-directors-form-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: 24px;\n  min-height: 0;\n  overflow-y: auto;\n  padding-right: 8px;\n}\n[_nghost-%COMP%]     .expandable-card {\n  border: 1px solid #e1e6ee;\n  border-radius: 8px;\n  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12) !important;\n  margin: 0 !important;\n  padding: 32px !important;\n}\n[_nghost-%COMP%]     .expandable-card-header-title {\n  color: #2f343b !important;\n  font-weight: 700 !important;\n  line-height: 1.2;\n  margin: 0;\n}\n[_nghost-%COMP%]     .expandable-card-header mat-icon {\n  color: #66717f !important;\n}\n[_nghost-%COMP%]     .expandable-card-content {\n  padding-top: 24px !important;\n}\n[_nghost-%COMP%]     .filling-form-fields {\n  column-gap: 42px !important;\n}\n[_nghost-%COMP%]     .filling-form-fields-item-label, \n[_nghost-%COMP%]     .mat-mdc-radio-button .mdc-label, \n[_nghost-%COMP%]     .mat-mdc-checkbox .mdc-label {\n  color: #4b5563 !important;\n  line-height: 1.45;\n}\n[_nghost-%COMP%]     .mat-mdc-form-field {\n  width: 100%;\n}\n[_nghost-%COMP%]     .mat-mdc-text-field-wrapper {\n  min-height: 48px;\n}\n[_nghost-%COMP%]     .mat-mdc-form-field-infix {\n  align-items: center;\n  min-height: 48px;\n  padding-bottom: 0 !important;\n  padding-top: 0 !important;\n}\n[_nghost-%COMP%]     .mdc-notched-outline__leading {\n  border-bottom-left-radius: 6px !important;\n  border-top-left-radius: 6px !important;\n}\n[_nghost-%COMP%]     .mdc-notched-outline__trailing {\n  border-bottom-right-radius: 6px !important;\n  border-top-right-radius: 6px !important;\n}\n[_nghost-%COMP%]   .readonly-summary[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  color: #4b5563;\n  line-height: 1.35;\n}\n[_nghost-%COMP%]   .readonly-summary[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n}\n[_nghost-%COMP%]   .readonly-summary[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: #2f343b;\n  font-weight: 700;\n}\n[_nghost-%COMP%]   .filing-details[_ngcontent-%COMP%], \n[_nghost-%COMP%]   .notification-section[_ngcontent-%COMP%], \n[_nghost-%COMP%]   .annual-reminder[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n[_nghost-%COMP%]   .note-box[_ngcontent-%COMP%] {\n  border: 1px solid #f3d27a;\n  border-radius: 6px;\n  background: #fffaf0;\n  color: #84610d;\n  line-height: 1.55;\n  padding: 22px 28px;\n}\n[_nghost-%COMP%]   .note-box[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  font-weight: 700;\n}\n[_nghost-%COMP%]   .directors-change-checkbox[_ngcontent-%COMP%] {\n  align-self: flex-start;\n}\n[_nghost-%COMP%]   .filing-details-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: minmax(280px, 1fr) minmax(220px, 1fr);\n  column-gap: 56px;\n  align-items: start;\n  max-width: 980px;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%], \n[_nghost-%COMP%]   .email-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%], \n[_nghost-%COMP%]   .email-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  color: #4b5563;\n  line-height: 1.35;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]   span[_ngcontent-%COMP%], \n[_nghost-%COMP%]   .email-field[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  color: #e22222;\n}\n[_nghost-%COMP%]   .hint[_ngcontent-%COMP%], \n[_nghost-%COMP%]   .annual-reminder[_ngcontent-%COMP%]   p[_ngcontent-%COMP%], \n[_nghost-%COMP%]   .mailing-copy[_ngcontent-%COMP%] {\n  color: #6b7280;\n  line-height: 1.5;\n  margin: 0;\n}\n[_nghost-%COMP%]   .filing-fee[_ngcontent-%COMP%] {\n  color: #4b5563;\n  line-height: 1.35;\n  margin: 58px 0 0;\n}\n[_nghost-%COMP%]   .filing-fee[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: #2f343b;\n  font-weight: 700;\n}\n[_nghost-%COMP%]   .directors-table[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: minmax(180px, 0.7fr) minmax(280px, 1.65fr) minmax(280px, 1.65fr);\n  margin-top: 28px;\n  color: #4b5563;\n  line-height: 1.45;\n}\n[_nghost-%COMP%]   .directors-table-header[_ngcontent-%COMP%], \n[_nghost-%COMP%]   .directors-table-row[_ngcontent-%COMP%] {\n  display: contents;\n}\n[_nghost-%COMP%]   .directors-table-header[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%], \n[_nghost-%COMP%]   .directors-table-row[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n  border-bottom: 1px solid #e1e6ee;\n  padding: 24px 28px;\n}\n[_nghost-%COMP%]   .directors-table-header[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:not(:first-child), \n[_nghost-%COMP%]   .directors-table-row[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%]:not(:first-child) {\n  border-left: 1px solid #e1e6ee;\n}\n[_nghost-%COMP%]   .directors-table-header[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n  color: #2f343b;\n  font-weight: 700;\n  padding-top: 0;\n}\n[_nghost-%COMP%]   .directors-table-row[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: #2f343b;\n  display: block;\n  font-weight: 700;\n  margin-bottom: 14px;\n}\n[_nghost-%COMP%]   .status-pill[_ngcontent-%COMP%] {\n  border-radius: 999px;\n  display: inline-flex;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1;\n  padding: 8px 14px;\n}\n[_nghost-%COMP%]   .status-pill.new[_ngcontent-%COMP%] {\n  background: #eaf7ef;\n  border: 1px solid #b8e3c7;\n  color: #15803d;\n}\n[_nghost-%COMP%]   .status-pill.ceased[_ngcontent-%COMP%] {\n  background: #fff1f2;\n  border: 1px solid #fecdd3;\n  color: #be123c;\n}\n[_nghost-%COMP%]   mat-radio-group[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 48px;\n}\n[_nghost-%COMP%]   .annual-reminder[_ngcontent-%COMP%]   mat-radio-group[_ngcontent-%COMP%] {\n  align-items: flex-start;\n  flex-direction: column;\n  gap: 14px;\n}\n[_nghost-%COMP%]   .email-field[_ngcontent-%COMP%] {\n  max-width: 760px;\n}\n@media (max-width: 900px) {\n  [_nghost-%COMP%]   .filing-details-grid[_ngcontent-%COMP%], \n   [_nghost-%COMP%]   .directors-table[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n  [_nghost-%COMP%]   .directors-table-header[_ngcontent-%COMP%] {\n    display: none;\n  }\n  [_nghost-%COMP%]   .directors-table-row[_ngcontent-%COMP%] {\n    display: grid;\n    grid-template-columns: 1fr;\n    border-bottom: 1px solid #e1e6ee;\n  }\n  [_nghost-%COMP%]   .directors-table-row[_ngcontent-%COMP%]    > div[_ngcontent-%COMP%] {\n    border: 0;\n    padding: 14px 0;\n  }\n  [_nghost-%COMP%]   mat-radio-group[_ngcontent-%COMP%] {\n    flex-direction: column;\n    gap: 14px;\n  }\n}\n/*# sourceMappingURL=change-of-directors-form.component.css.map */"], changeDetection: 0 });
+      };
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaChangeOfDirectorsFormComponent, [{
+          type: Component,
+          args: [{ standalone: true, selector: "british-columbia-change-of-directors-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+            FilingFormGroupComponent,
+            AlertComponent,
+            ExpandableCardComponent,
+            MatCheckbox,
+            MatDatepicker,
+            MatDatepickerInput,
+            MatDatepickerToggle,
+            MatFormField,
+            MatIcon,
+            MatInput,
+            MatRadioButton,
+            MatRadioGroup,
+            ReactiveFormsModule,
+            TranslatePipe
+          ], template: `<div class="change-of-directors-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="change-of-directors-form-content">
+    @let referenceNumbers = getFormGroup(groups.ReferenceNumbers);
+
+    @if (referenceNumbers) {
+      <expandable-card [title]="groups.ReferenceNumbers">
+        <filing-form-group
+          [isSubmitted]="isSubmitted()"
+          [form]="referenceNumbers"
+          [config]="referenceNumbersFields"
+          (visiblyValidChange)="onSectionValidChange('refNumbers', $event)"
+        />
+      </expandable-card>
+    }
+
+    @let corporationDetails = getFormGroup(groups.CorporationDetails);
+
+    @if (corporationDetails) {
+      <expandable-card [isStatusIcon]="false" [title]="groups.CorporationDetails">
+        <div class="readonly-summary">
+          <p>
+            <strong>{{ 'Corporation Name' | translate }}:</strong>
+            {{ corporationDetails.get(controls.CorporationName)?.value }}
+          </p>
+          <p>
+            <strong>{{ 'Incorporation Number' | translate }}:</strong>
+            {{ corporationDetails.get(controls.IncorporationNumber)?.value }}
+          </p>
+          <p>
+            <strong>{{ 'Company Email' | translate }}:</strong>
+            {{ corporationDetails.get(controls.CompanyEmail)?.value }}
+          </p>
+        </div>
+      </expandable-card>
+    }
+
+    @let filingDetails = getFormGroup(groups.FilingDetails);
+
+    @if (filingDetails) {
+      <expandable-card
+        [isStatusIcon]="!readonly()"
+        [isValid]="sectionValidity['filingDetails']"
+        [title]="groups.FilingDetails"
+      >
+        <div class="filing-details" [formGroup]="filingDetails">
+          <div class="note-box">
+            <strong>{{ 'Note' | translate }}:</strong>
+            {{
+              'There is no fee for changing the legal name or the address of a director. A filing fee applies when directors are added or deleted as part of this filing.'
+                | translate
+            }}
+          </div>
+
+          <mat-checkbox
+            class="directors-change-checkbox"
+            [formControlName]="controls.DirectorsAddedOrDeleted"
+            (change)="
+              filingDetails.get(controls.ChangeDate)?.updateValueAndValidity({ emitEvent: false });
+              onSectionValidChange('filingDetails', filingDetails.valid)
+            "
+          >
+            {{ 'Directors will be added and/or deleted as part of this filing' | translate }}
+          </mat-checkbox>
+
+          @if (filingDetails.get(controls.DirectorsAddedOrDeleted)?.value) {
+            <div class="filing-details-grid">
+              <div class="date-field">
+                <label>
+                  {{ 'Date Directors were added or deleted' | translate }}<span>*</span>
+                </label>
+                <mat-form-field appearance="outline">
+                  <input
+                    matInput
+                    [matDatepicker]="changeDatePicker"
+                    [formControlName]="controls.ChangeDate"
+                    (dateChange)="onSectionValidChange('filingDetails', filingDetails.valid)"
+                    placeholder="dd/mm/yyyy"
+                  />
+                  <mat-datepicker-toggle matSuffix [for]="changeDatePicker">
+                    <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>
+                  </mat-datepicker-toggle>
+                  <mat-datepicker #changeDatePicker></mat-datepicker>
+                </mat-form-field>
+                <p class="hint">
+                  {{
+                    "The date on which the individual(s) became or ceased to be a director. This date must be today's date or in the past."
+                      | translate
+                  }}
+                </p>
+              </div>
+
+              <p class="filing-fee">
+                <strong>{{ 'Filing Fee' | translate }}:</strong>
+                {{ filingDetails.get(controls.FilingFee)?.value }}
+              </p>
+            </div>
+          }
+        </div>
+      </expandable-card>
+    }
+
+    @let directorsArray = getFormArray(groups.Directors);
+
+    <expandable-card [isStatusIcon]="false" [title]="groups.Directors">
+      <filing-form-group
+        [isSubmitted]="isSubmitted()"
+        [form]="form()"
+        [config]="directorsIntroFields()"
+      />
+
+      @if (directorsArray && directorsArray.length) {
+        <div class="directors-table" role="table">
+          <div class="directors-table-header" role="row">
+            <div role="columnheader">{{ 'Name' | translate }}</div>
+            <div role="columnheader">{{ 'Mailing Address' | translate }}</div>
+            <div role="columnheader">{{ 'Delivery Address' | translate }}</div>
+          </div>
+
+          @for (director of directorsArray.controls; track director; let i = $index) {
+            @let directorForm = getDirectorForm(i);
+            @if (directorForm) {
+              <div class="directors-table-row" role="row">
+                <div role="cell">
+                  <strong>{{ directorForm.get(controls.AffiliationName)?.value }}</strong>
+                  @if (isNewDirector(directorForm)) {
+                    <span class="status-pill new">{{ 'NEW' | translate }}</span>
+                  }
+                  @if (isCeasedDirector(directorForm)) {
+                    <span class="status-pill ceased">{{ 'CEASE' | translate }}</span>
+                  }
+                </div>
+                <div role="cell">{{ directorForm.get(controls.MailingAddress)?.value }}</div>
+                <div role="cell">{{ directorForm.get(controls.DeliveryAddress)?.value }}</div>
+              </div>
+            }
+          }
+        </div>
+      } @else {
+        <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
+      }
+    </expandable-card>
+
+    @let notification = getFormGroup(groups.Notification);
+
+    @if (notification) {
+      <expandable-card
+        [isStatusIcon]="!readonly()"
+        [isValid]="sectionValidity['notification']"
+        [title]="groups.Notification"
+      >
+        <div class="notification-section" [formGroup]="notification">
+          <mat-radio-group
+            [formControlName]="controls.NotificationMethod"
+            (change)="
+              notification.get(controls.NotificationEmail)?.updateValueAndValidity({ emitEvent: false });
+              onSectionValidChange('notification', notification.valid)
+            "
+          >
+            <mat-radio-button [value]="notificationMethodOption.Email">
+              {{ 'Notify by email' | translate }}
+            </mat-radio-button>
+            <mat-radio-button [value]="notificationMethodOption.Mail">
+              {{ 'Notify by mail' | translate }}
+            </mat-radio-button>
+          </mat-radio-group>
+
+          @if (notification.get(controls.NotificationMethod)?.value === notificationMethodOption.Email) {
+            <div class="email-field">
+              <label>{{ 'Notification Email' | translate }}<span>*</span></label>
+              <mat-form-field appearance="outline">
+                <input
+                  matInput
+                  [formControlName]="controls.NotificationEmail"
+                  (input)="onSectionValidChange('notification', notification.valid)"
+                />
+              </mat-form-field>
+            </div>
+          } @else {
+            <p class="mailing-copy">
+              <strong>{{ 'Mailing Address' | translate }}:</strong>
+              {{ notification.get(controls.NotificationMailingAddress)?.value || ('Not specified' | translate) }}
+            </p>
+          }
+        </div>
+      </expandable-card>
+    }
+
+    @let annualReportReminder = getFormGroup(groups.AnnualReportReminder);
+
+    @if (annualReportReminder) {
+      <expandable-card
+        [isStatusIcon]="!readonly()"
+        [isValid]="sectionValidity['annualReportReminder']"
+        [title]="groups.AnnualReportReminder"
+      >
+        <div class="annual-reminder" [formGroup]="annualReportReminder">
+          <p>
+            {{
+              "Does this company wish to be reminded to file its annual reports? If an email address is specified, the reminder will be sent to the company's email address. Otherwise, the reminder will be mailed to the registered or head office of the company."
+                | translate
+            }}
+          </p>
+          <mat-radio-group
+            [formControlName]="controls.AnnualReportReminder"
+            (change)="onSectionValidChange('annualReportReminder', annualReportReminder.valid)"
+          >
+            <mat-radio-button [value]="annualReportReminderOption.Yes">
+              {{ 'Yes, send the annual report reminder' | translate }}
+            </mat-radio-button>
+            <mat-radio-button [value]="annualReportReminderOption.No">
+              {{ 'No, I do not need to be reminded' | translate }}
+            </mat-radio-button>
+          </mat-radio-group>
+        </div>
+      </expandable-card>
+    }
+  </div>
+</div>
+`, styles: ["/* src/app/components/british-columbia/change-of-directors/change-of-directors-form/change-of-directors-form.component.scss */\n:host {\n  display: flex;\n  flex: 1;\n  min-height: 0;\n  color: #2f343b;\n}\n:host .change-of-directors-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n  min-height: 0;\n  width: 100%;\n}\n:host .change-of-directors-form-content {\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  gap: 24px;\n  min-height: 0;\n  overflow-y: auto;\n  padding-right: 8px;\n}\n:host ::ng-deep .expandable-card {\n  border: 1px solid #e1e6ee;\n  border-radius: 8px;\n  box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12) !important;\n  margin: 0 !important;\n  padding: 32px !important;\n}\n:host ::ng-deep .expandable-card-header-title {\n  color: #2f343b !important;\n  font-weight: 700 !important;\n  line-height: 1.2;\n  margin: 0;\n}\n:host ::ng-deep .expandable-card-header mat-icon {\n  color: #66717f !important;\n}\n:host ::ng-deep .expandable-card-content {\n  padding-top: 24px !important;\n}\n:host ::ng-deep .filling-form-fields {\n  column-gap: 42px !important;\n}\n:host ::ng-deep .filling-form-fields-item-label,\n:host ::ng-deep .mat-mdc-radio-button .mdc-label,\n:host ::ng-deep .mat-mdc-checkbox .mdc-label {\n  color: #4b5563 !important;\n  line-height: 1.45;\n}\n:host ::ng-deep .mat-mdc-form-field {\n  width: 100%;\n}\n:host ::ng-deep .mat-mdc-text-field-wrapper {\n  min-height: 48px;\n}\n:host ::ng-deep .mat-mdc-form-field-infix {\n  align-items: center;\n  min-height: 48px;\n  padding-bottom: 0 !important;\n  padding-top: 0 !important;\n}\n:host ::ng-deep .mdc-notched-outline__leading {\n  border-bottom-left-radius: 6px !important;\n  border-top-left-radius: 6px !important;\n}\n:host ::ng-deep .mdc-notched-outline__trailing {\n  border-bottom-right-radius: 6px !important;\n  border-top-right-radius: 6px !important;\n}\n:host .readonly-summary {\n  display: flex;\n  flex-direction: column;\n  gap: 18px;\n  color: #4b5563;\n  line-height: 1.35;\n}\n:host .readonly-summary p {\n  margin: 0;\n}\n:host .readonly-summary strong {\n  color: #2f343b;\n  font-weight: 700;\n}\n:host .filing-details,\n:host .notification-section,\n:host .annual-reminder {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n:host .note-box {\n  border: 1px solid #f3d27a;\n  border-radius: 6px;\n  background: #fffaf0;\n  color: #84610d;\n  line-height: 1.55;\n  padding: 22px 28px;\n}\n:host .note-box strong {\n  font-weight: 700;\n}\n:host .directors-change-checkbox {\n  align-self: flex-start;\n}\n:host .filing-details-grid {\n  display: grid;\n  grid-template-columns: minmax(280px, 1fr) minmax(220px, 1fr);\n  column-gap: 56px;\n  align-items: start;\n  max-width: 980px;\n}\n:host .date-field,\n:host .email-field {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n:host .date-field label,\n:host .email-field label {\n  color: #4b5563;\n  line-height: 1.35;\n}\n:host .date-field span,\n:host .email-field span {\n  color: #e22222;\n}\n:host .hint,\n:host .annual-reminder p,\n:host .mailing-copy {\n  color: #6b7280;\n  line-height: 1.5;\n  margin: 0;\n}\n:host .filing-fee {\n  color: #4b5563;\n  line-height: 1.35;\n  margin: 58px 0 0;\n}\n:host .filing-fee strong {\n  color: #2f343b;\n  font-weight: 700;\n}\n:host .directors-table {\n  display: grid;\n  grid-template-columns: minmax(180px, 0.7fr) minmax(280px, 1.65fr) minmax(280px, 1.65fr);\n  margin-top: 28px;\n  color: #4b5563;\n  line-height: 1.45;\n}\n:host .directors-table-header,\n:host .directors-table-row {\n  display: contents;\n}\n:host .directors-table-header > div,\n:host .directors-table-row > div {\n  border-bottom: 1px solid #e1e6ee;\n  padding: 24px 28px;\n}\n:host .directors-table-header > div:not(:first-child),\n:host .directors-table-row > div:not(:first-child) {\n  border-left: 1px solid #e1e6ee;\n}\n:host .directors-table-header > div {\n  color: #2f343b;\n  font-weight: 700;\n  padding-top: 0;\n}\n:host .directors-table-row strong {\n  color: #2f343b;\n  display: block;\n  font-weight: 700;\n  margin-bottom: 14px;\n}\n:host .status-pill {\n  border-radius: 999px;\n  display: inline-flex;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 1;\n  padding: 8px 14px;\n}\n:host .status-pill.new {\n  background: #eaf7ef;\n  border: 1px solid #b8e3c7;\n  color: #15803d;\n}\n:host .status-pill.ceased {\n  background: #fff1f2;\n  border: 1px solid #fecdd3;\n  color: #be123c;\n}\n:host mat-radio-group {\n  display: flex;\n  gap: 48px;\n}\n:host .annual-reminder mat-radio-group {\n  align-items: flex-start;\n  flex-direction: column;\n  gap: 14px;\n}\n:host .email-field {\n  max-width: 760px;\n}\n@media (max-width: 900px) {\n  :host .filing-details-grid,\n  :host .directors-table {\n    grid-template-columns: 1fr;\n  }\n  :host .directors-table-header {\n    display: none;\n  }\n  :host .directors-table-row {\n    display: grid;\n    grid-template-columns: 1fr;\n    border-bottom: 1px solid #e1e6ee;\n  }\n  :host .directors-table-row > div {\n    border: 0;\n    padding: 14px 0;\n  }\n  :host mat-radio-group {\n    flex-direction: column;\n    gap: 14px;\n  }\n}\n/*# sourceMappingURL=change-of-directors-form.component.css.map */\n"] }]
+        }], null, null);
+      })();
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaChangeOfDirectorsFormComponent, { className: "BritishColumbiaChangeOfDirectorsFormComponent", filePath: "src/app/components/british-columbia/change-of-directors/change-of-directors-form/change-of-directors-form.component.ts", lineNumber: 68 });
+      })();
+    }
+  });
+
+  // src/app/components/british-columbia/change-of-directors/steps/delta/change-of-directors-delta-form.component.ts
+  var BritishColumbiaChangeOfDirectorsDeltaFormComponent;
+  var init_change_of_directors_delta_form_component = __esm({
+    "src/app/components/british-columbia/change-of-directors/steps/delta/change-of-directors-delta-form.component.ts"() {
+      init_core();
+      init_button();
+      init_ngx_translate_core();
+      init_common_utils();
+      init_change_of_directors_form_component();
+      init_core();
+      BritishColumbiaChangeOfDirectorsDeltaFormComponent = class _BritishColumbiaChangeOfDirectorsDeltaFormComponent {
+        form = input.required();
+        actionsDisabled = input(false);
+        isNote = input(false);
+        task = input();
+        errors = input([]);
+        close = output();
+        save = output();
+        validate = output();
+        submitted = signal(false);
+        visiblyValid = signal(true);
+        clientErrors = signal([]);
+        translate = inject(TranslateService);
+        combinedErrors = computed(() => {
+          const client = this.clientErrors();
+          return client.length ? client : this.errors();
+        });
+        onVisiblyValidChange(valid) {
+          this.visiblyValid.set(valid);
+        }
+        onValidate() {
+          this.submitted.set(true);
+          this.clientErrors.set([]);
+          markFormGroupTouched(this.form());
+          if (!this.visiblyValid()) {
+            this.clientErrors.set([this.translate.instant("Some required fields aren't completed.")]);
+            return;
+          }
+          this.validate.emit();
+        }
+        static \u0275fac = function BritishColumbiaChangeOfDirectorsDeltaFormComponent_Factory(__ngFactoryType__) {
+          return new (__ngFactoryType__ || _BritishColumbiaChangeOfDirectorsDeltaFormComponent)();
+        };
+        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaChangeOfDirectorsDeltaFormComponent, selectors: [["british-columbia-change-of-directors-delta-form"]], inputs: { form: [1, "form"], actionsDisabled: [1, "actionsDisabled"], isNote: [1, "isNote"], task: [1, "task"], errors: [1, "errors"] }, outputs: { close: "close", save: "save", validate: "validate" }, decls: 15, vars: 18, consts: [[1, "change-of-directors-delta-form"], [1, "change-of-directors-delta-form-content", 3, "visiblyValidChange", "form", "task", "errors", "isNote", "isSubmitted", "readonly"], [1, "change-of-directors-delta-form-actions"], ["mat-stroked-button", "", "mat-button", "", 3, "click", "disabled"], [1, "body-1-semibold"], ["color", "primary", "mat-flat-button", "", 1, "submit", 3, "click", "disabled"]], template: function BritishColumbiaChangeOfDirectorsDeltaFormComponent_Template(rf, ctx) {
+          if (rf & 1) {
+            \u0275\u0275elementStart(0, "div", 0)(1, "british-columbia-change-of-directors-form", 1);
+            \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfDirectorsDeltaFormComponent_Template_british_columbia_change_of_directors_form_visiblyValidChange_1_listener($event) {
+              return ctx.onVisiblyValidChange($event);
+            });
+            \u0275\u0275elementEnd();
+            \u0275\u0275elementStart(2, "div", 2)(3, "button", 3);
+            \u0275\u0275listener("click", function BritishColumbiaChangeOfDirectorsDeltaFormComponent_Template_button_click_3_listener() {
+              return ctx.close.emit();
+            });
+            \u0275\u0275elementStart(4, "span", 4);
+            \u0275\u0275text(5);
+            \u0275\u0275pipe(6, "translate");
+            \u0275\u0275elementEnd()();
+            \u0275\u0275elementStart(7, "button", 3);
+            \u0275\u0275listener("click", function BritishColumbiaChangeOfDirectorsDeltaFormComponent_Template_button_click_7_listener() {
+              return ctx.save.emit();
+            });
+            \u0275\u0275elementStart(8, "span", 4);
+            \u0275\u0275text(9);
+            \u0275\u0275pipe(10, "translate");
+            \u0275\u0275elementEnd()();
+            \u0275\u0275elementStart(11, "button", 5);
+            \u0275\u0275listener("click", function BritishColumbiaChangeOfDirectorsDeltaFormComponent_Template_button_click_11_listener() {
+              return ctx.onValidate();
+            });
+            \u0275\u0275elementStart(12, "span", 4);
+            \u0275\u0275text(13);
+            \u0275\u0275pipe(14, "translate");
+            \u0275\u0275elementEnd()()()();
+          }
+          if (rf & 2) {
+            \u0275\u0275advance();
+            \u0275\u0275property("form", ctx.form())("task", ctx.task())("errors", ctx.combinedErrors())("isNote", ctx.isNote())("isSubmitted", ctx.submitted())("readonly", false);
+            \u0275\u0275advance(2);
+            \u0275\u0275property("disabled", ctx.actionsDisabled());
+            \u0275\u0275advance(2);
+            \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(6, 12, "Close"));
+            \u0275\u0275advance(2);
+            \u0275\u0275property("disabled", ctx.actionsDisabled());
+            \u0275\u0275advance(2);
+            \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(10, 14, "Save Changes"));
+            \u0275\u0275advance(2);
+            \u0275\u0275property("disabled", ctx.actionsDisabled());
+            \u0275\u0275advance(2);
+            \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(14, 16, "Validate & Generate Draft"));
+          }
+        }, dependencies: [MatButton, TranslatePipe, BritishColumbiaChangeOfDirectorsFormComponent], styles: ["\n\n[_nghost-%COMP%]   .change-of-directors-delta-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n[_nghost-%COMP%]   .change-of-directors-delta-form-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n}\n[_nghost-%COMP%]   .change-of-directors-delta-form-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n  padding-top: 16px;\n}\n[_nghost-%COMP%]   .change-of-directors-delta-form-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  margin: 0;\n}\n[_nghost-%COMP%]   .change-of-directors-delta-form-actions[_ngcontent-%COMP%]   .submit[_ngcontent-%COMP%] {\n  padding-left: 30px;\n  padding-right: 30px;\n}\n/*# sourceMappingURL=change-of-directors-delta-form.component.css.map */"], changeDetection: 0 });
+      };
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaChangeOfDirectorsDeltaFormComponent, [{
+          type: Component,
+          args: [{ standalone: true, selector: "british-columbia-change-of-directors-delta-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, TranslatePipe, BritishColumbiaChangeOfDirectorsFormComponent], template: `<div class="change-of-directors-delta-form">\r
+  <british-columbia-change-of-directors-form\r
+    class="change-of-directors-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="change-of-directors-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/british-columbia/change-of-directors/steps/delta/change-of-directors-delta-form.component.scss */\n:host .change-of-directors-delta-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .change-of-directors-delta-form-content {\n  flex: 1;\n  min-height: 0;\n}\n:host .change-of-directors-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 .change-of-directors-delta-form-actions button {\n  margin: 0;\n}\n:host .change-of-directors-delta-form-actions .submit {\n  padding-left: 30px;\n  padding-right: 30px;\n}\n/*# sourceMappingURL=change-of-directors-delta-form.component.css.map */\n"] }]
+        }], null, null);
+      })();
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaChangeOfDirectorsDeltaFormComponent, { className: "BritishColumbiaChangeOfDirectorsDeltaFormComponent", filePath: "src/app/components/british-columbia/change-of-directors/steps/delta/change-of-directors-delta-form.component.ts", lineNumber: 25 });
+      })();
+    }
+  });
+
+  // src/app/components/british-columbia/change-of-directors/steps/preview/change-of-directors-preview-form.component.ts
+  var BritishColumbiaChangeOfDirectorsPreviewFormComponent;
+  var init_change_of_directors_preview_form_component = __esm({
+    "src/app/components/british-columbia/change-of-directors/steps/preview/change-of-directors-preview-form.component.ts"() {
+      init_core();
+      init_button();
+      init_ngx_translate_core();
+      init_change_of_directors_form_component();
+      init_core();
+      BritishColumbiaChangeOfDirectorsPreviewFormComponent = class _BritishColumbiaChangeOfDirectorsPreviewFormComponent {
+        form = input.required();
+        actionsDisabled = input(false);
+        task = input();
+        errors = input([]);
+        close = output();
+        file = output();
+        static \u0275fac = function BritishColumbiaChangeOfDirectorsPreviewFormComponent_Factory(__ngFactoryType__) {
+          return new (__ngFactoryType__ || _BritishColumbiaChangeOfDirectorsPreviewFormComponent)();
+        };
+        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaChangeOfDirectorsPreviewFormComponent, selectors: [["british-columbia-change-of-directors-preview-form"]], inputs: { form: [1, "form"], actionsDisabled: [1, "actionsDisabled"], task: [1, "task"], errors: [1, "errors"] }, outputs: { close: "close", file: "file" }, decls: 11, vars: 13, consts: [[1, "change-of-directors-preview-form"], [1, "change-of-directors-preview-form-content", 3, "form", "task", "errors", "isSubmitted", "readonly"], [1, "change-of-directors-preview-form-actions"], ["mat-stroked-button", "", "mat-button", "", 3, "click", "disabled"], [1, "body-1-semibold"], ["color", "primary", "mat-flat-button", "", 1, "submit", 3, "click", "disabled"]], template: function BritishColumbiaChangeOfDirectorsPreviewFormComponent_Template(rf, ctx) {
+          if (rf & 1) {
+            \u0275\u0275elementStart(0, "div", 0);
+            \u0275\u0275element(1, "british-columbia-change-of-directors-form", 1);
+            \u0275\u0275elementStart(2, "div", 2)(3, "button", 3);
+            \u0275\u0275listener("click", function BritishColumbiaChangeOfDirectorsPreviewFormComponent_Template_button_click_3_listener() {
+              return ctx.close.emit();
+            });
+            \u0275\u0275elementStart(4, "span", 4);
+            \u0275\u0275text(5);
+            \u0275\u0275pipe(6, "translate");
+            \u0275\u0275elementEnd()();
+            \u0275\u0275elementStart(7, "button", 5);
+            \u0275\u0275listener("click", function BritishColumbiaChangeOfDirectorsPreviewFormComponent_Template_button_click_7_listener() {
+              return ctx.file.emit();
+            });
+            \u0275\u0275elementStart(8, "span", 4);
+            \u0275\u0275text(9);
+            \u0275\u0275pipe(10, "translate");
+            \u0275\u0275elementEnd()()()();
+          }
+          if (rf & 2) {
+            \u0275\u0275advance();
+            \u0275\u0275property("form", ctx.form())("task", ctx.task())("errors", ctx.errors())("isSubmitted", false)("readonly", true);
+            \u0275\u0275advance(2);
+            \u0275\u0275property("disabled", ctx.actionsDisabled());
+            \u0275\u0275advance(2);
+            \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(6, 9, "Close"));
+            \u0275\u0275advance(2);
+            \u0275\u0275property("disabled", ctx.actionsDisabled());
+            \u0275\u0275advance(2);
+            \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(10, 11, "File"));
+          }
+        }, dependencies: [MatButton, TranslatePipe, BritishColumbiaChangeOfDirectorsFormComponent], styles: ["\n\n[_nghost-%COMP%]   .change-of-directors-preview-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n[_nghost-%COMP%]   .change-of-directors-preview-form-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n[_nghost-%COMP%]   .change-of-directors-preview-form-actions[_ngcontent-%COMP%] {\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 8px;\n  padding-top: 16px;\n}\n[_nghost-%COMP%]   .change-of-directors-preview-form-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  margin: 0;\n}\n/*# sourceMappingURL=change-of-directors-preview-form.component.css.map */"], changeDetection: 0 });
+      };
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaChangeOfDirectorsPreviewFormComponent, [{
+          type: Component,
+          args: [{ standalone: true, selector: "british-columbia-change-of-directors-preview-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, TranslatePipe, BritishColumbiaChangeOfDirectorsFormComponent], template: `<div class="change-of-directors-preview-form">\r
+  <british-columbia-change-of-directors-form\r
+    class="change-of-directors-preview-form-content"\r
+    [form]="form()"\r
+    [task]="task()"\r
+    [errors]="errors()"\r
+    [isSubmitted]="false"\r
+    [readonly]="true"\r
+  />\r
+\r
+  <div class="change-of-directors-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
+`, styles: ["/* src/app/components/british-columbia/change-of-directors/steps/preview/change-of-directors-preview-form.component.scss */\n:host .change-of-directors-preview-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .change-of-directors-preview-form-content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .change-of-directors-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 .change-of-directors-preview-form-actions button {\n  margin: 0;\n}\n/*# sourceMappingURL=change-of-directors-preview-form.component.css.map */\n"] }]
+        }], null, null);
+      })();
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaChangeOfDirectorsPreviewFormComponent, { className: "BritishColumbiaChangeOfDirectorsPreviewFormComponent", filePath: "src/app/components/british-columbia/change-of-directors/steps/preview/change-of-directors-preview-form.component.ts", lineNumber: 21 });
+      })();
+    }
+  });
+
   // src/app/constants/ui/british-columbia-formation-form.constants.ts
-  var BC_NAME_TYPE_OPTIONS, labelledValue, isNamed, isNotifyByMail, BC_FORMATION_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS, BC_FORMATION_DELTA_CARD_FORM_CORPORATION_DETAILS_FIELDS, BC_FORMATION_DELTA_CARD_FORM_NAME_TRANSLATION_FIELDS, BC_FORMATION_DELTA_CARD_FORM_NAME_TRANSLATION_ROW_FIELDS, BC_FORMATION_CARD_FORM_REGISTERED_OFFICE_FIELDS, BC_FORMATION_CARD_FORM_RECORDS_OFFICE_FIELDS, BC_FORMATION_DELTA_CARD_FORM_NOTIFICATION_FIELDS, BC_FORMATION_DELTA_CARD_FORM_COMPLETING_PARTY_FIELDS, BC_FORMATION_CARD_FORM_DIRECTORS_FIELDS, BC_FORMATION_CARD_FORM_INCORPORATORS_FIELDS;
+  var BC_NAME_TYPE_OPTIONS, labelledValue2, isNamed, isNotifyByMail2, BC_FORMATION_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS, BC_FORMATION_DELTA_CARD_FORM_CORPORATION_DETAILS_FIELDS, BC_FORMATION_DELTA_CARD_FORM_NAME_TRANSLATION_FIELDS, BC_FORMATION_DELTA_CARD_FORM_NAME_TRANSLATION_ROW_FIELDS, BC_FORMATION_CARD_FORM_REGISTERED_OFFICE_FIELDS, BC_FORMATION_CARD_FORM_RECORDS_OFFICE_FIELDS, BC_FORMATION_DELTA_CARD_FORM_NOTIFICATION_FIELDS, BC_FORMATION_DELTA_CARD_FORM_COMPLETING_PARTY_FIELDS, BC_FORMATION_CARD_FORM_DIRECTORS_FIELDS, BC_FORMATION_CARD_FORM_INCORPORATORS_FIELDS;
   var init_british_columbia_formation_form_constants = __esm({
     "src/app/constants/ui/british-columbia-formation-form.constants.ts"() {
       init_form_enums();
@@ -84807,9 +86146,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_BritishColumbiaConstants();
       init_british_columbia_formation_form_helper();
       BC_NAME_TYPE_OPTIONS = Object.values(BCNameType).filter((v) => typeof v === "number").map((v) => ({ label: BCNameTypeLabel[v], value: v }));
-      labelledValue = (label, value, t) => `<span class="body-1-semibold">${t(label)}:</span> ${value || t("Not specified")}`;
+      labelledValue2 = (label, value, t) => `<span class="body-1-semibold">${t(label)}:</span> ${value || t("Not specified")}`;
       isNamed = (form) => form.get(BCFormationFormControls.CorporationNameType)?.value === BCNameType.Named;
-      isNotifyByMail = (form) => form.get(BCFormationFormControls.NotificationMethod)?.value === BCNotificationMethod.Mail;
+      isNotifyByMail2 = (form) => form.get(BCFormationFormControls.NotificationMethod)?.value === BCNotificationMethod.Mail;
       BC_FORMATION_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS = [
         {
           type: FormType.Input,
@@ -84873,7 +86212,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           type: FormType.Text,
           formControlName: BCFormationFormControls.RequestedDateForIncorporation,
           class: "span-12 spaced-text",
-          dynamicLabel: (form, t) => labelledValue("Requested Date for Incorporation", form.get(BCFormationFormControls.RequestedDateForIncorporation)?.value, t)
+          dynamicLabel: (form, t) => labelledValue2("Requested Date for Incorporation", form.get(BCFormationFormControls.RequestedDateForIncorporation)?.value, t)
         },
         {
           type: FormType.Text,
@@ -84945,13 +86284,13 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           type: FormType.Text,
           formControlName: BCFormationFormControls.MailingAddress,
           class: "span-12",
-          dynamicLabel: (form, t) => labelledValue("Mailing Address - Full Address", form.get(BCFormationFormControls.MailingAddress)?.value, t)
+          dynamicLabel: (form, t) => labelledValue2("Mailing Address - Full Address", form.get(BCFormationFormControls.MailingAddress)?.value, t)
         },
         {
           type: FormType.Text,
           formControlName: BCFormationFormControls.DeliveryAddress,
           class: "span-12",
-          dynamicLabel: (form, t) => labelledValue("Delivery Address - Full Address", form.get(BCFormationFormControls.DeliveryAddress)?.value, t)
+          dynamicLabel: (form, t) => labelledValue2("Delivery Address - Full Address", form.get(BCFormationFormControls.DeliveryAddress)?.value, t)
         }
       ];
       BC_FORMATION_CARD_FORM_RECORDS_OFFICE_FIELDS = [
@@ -84959,25 +86298,26 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           type: FormType.Text,
           formControlName: BCFormationFormControls.RecordsOfficeMailingAddress,
           class: "span-12",
-          dynamicLabel: (form, t) => labelledValue("Mailing Address - Full Address", form.get(BCFormationFormControls.RecordsOfficeMailingAddress)?.value, t)
+          dynamicLabel: (form, t) => labelledValue2("Mailing Address - Full Address", form.get(BCFormationFormControls.RecordsOfficeMailingAddress)?.value, t)
         },
         {
           type: FormType.Text,
           formControlName: BCFormationFormControls.RecordsOfficeDeliveryAddress,
           class: "span-12",
-          dynamicLabel: (form, t) => labelledValue("Delivery Address - Full Address", form.get(BCFormationFormControls.RecordsOfficeDeliveryAddress)?.value, t)
+          dynamicLabel: (form, t) => labelledValue2("Delivery Address - Full Address", form.get(BCFormationFormControls.RecordsOfficeDeliveryAddress)?.value, t)
         }
       ];
       BC_FORMATION_DELTA_CARD_FORM_NOTIFICATION_FIELDS = [
         {
           type: FormType.Radio,
+          label: "Notification Method",
           formControlName: BCFormationFormControls.NotificationMethod,
           required: true,
           options: BC_NOTIFICATION_METHOD_OPTIONS,
           needTranslate: true,
           class: "span-12",
           onChange: (form) => {
-            const byMail = isNotifyByMail(form);
+            const byMail = isNotifyByMail2(form);
             if (!byMail) {
               [
                 BCFormationFormControls.NotificationName,
@@ -85003,7 +86343,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           type: FormType.Input,
           label: "Notification Email",
           formControlName: BCFormationFormControls.NotificationEmail,
-          isVisible: (form) => !isNotifyByMail(form),
+          isVisible: (form) => !isNotifyByMail2(form),
           class: "column-3"
         },
         {
@@ -85011,7 +86351,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           label: "Name",
           formControlName: BCFormationFormControls.NotificationName,
           required: true,
-          isVisible: isNotifyByMail,
+          isVisible: isNotifyByMail2,
           class: "column-3"
         },
         {
@@ -85019,14 +86359,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           label: "Address Line 1",
           formControlName: BCFormationFormControls.AddressLine1,
           required: true,
-          isVisible: isNotifyByMail,
+          isVisible: isNotifyByMail2,
           class: "column-3"
         },
         {
           type: FormType.Input,
           label: "Address Line 2",
           formControlName: BCFormationFormControls.AddressLine2,
-          isVisible: isNotifyByMail,
+          isVisible: isNotifyByMail2,
           class: "column-3"
         },
         {
@@ -85034,7 +86374,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           label: "City",
           formControlName: BCFormationFormControls.City,
           required: true,
-          isVisible: isNotifyByMail,
+          isVisible: isNotifyByMail2,
           class: "column-2"
         },
         {
@@ -85042,7 +86382,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           label: "Province / State",
           formControlName: BCFormationFormControls.ProvinceState,
           required: true,
-          isVisible: isNotifyByMail,
+          isVisible: isNotifyByMail2,
           options: BC_PROVINCE_STATE_OPTIONS,
           class: "span-4"
         },
@@ -85050,7 +86390,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           type: FormType.Input,
           label: "Postal / Zip Code",
           formControlName: BCFormationFormControls.PostalZip,
-          isVisible: isNotifyByMail,
+          isVisible: isNotifyByMail2,
           class: "column-2"
         },
         {
@@ -85058,7 +86398,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           label: "Country",
           formControlName: BCFormationFormControls.Country,
           required: true,
-          isVisible: isNotifyByMail,
+          isVisible: isNotifyByMail2,
           options: BC_COUNTRY_OPTIONS,
           class: "span-4"
         }
@@ -85162,13 +86502,13 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           type: FormType.Text,
           formControlName: BCFormationFormControls.MailingAddress,
           class: "span-12",
-          dynamicLabel: (form, t) => labelledValue("Mailing Address - Full Address", form.get(BCFormationFormControls.MailingAddress)?.value, t)
+          dynamicLabel: (form, t) => labelledValue2("Mailing Address - Full Address", form.get(BCFormationFormControls.MailingAddress)?.value, t)
         },
         {
           type: FormType.Text,
           formControlName: BCFormationFormControls.DeliveryAddress,
           class: "span-12",
-          dynamicLabel: (form, t) => labelledValue("Delivery Address - Full Address", form.get(BCFormationFormControls.DeliveryAddress)?.value, t)
+          dynamicLabel: (form, t) => labelledValue2("Delivery Address - Full Address", form.get(BCFormationFormControls.DeliveryAddress)?.value, t)
         }
       ];
       BC_FORMATION_CARD_FORM_INCORPORATORS_FIELDS = [
@@ -85176,7 +86516,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           type: FormType.Text,
           formControlName: BCFormationFormControls.FullAddress,
           class: "span-12",
-          dynamicLabel: (form, t) => labelledValue("Full Address", form.get(BCFormationFormControls.FullAddress)?.value, t)
+          dynamicLabel: (form, t) => labelledValue2("Full Address", form.get(BCFormationFormControls.FullAddress)?.value, t)
         }
       ];
     }
@@ -86241,47 +87581,47 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   function BritishColumbiaComponent_Conditional_1_Conditional_0_Template(rf, ctx) {
     if (rf & 1) {
       const _r1 = \u0275\u0275getCurrentView();
-      \u0275\u0275elementStart(0, "british-columbia-incorporation-delta-form", 3);
-      \u0275\u0275listener("validate", function BritishColumbiaComponent_Conditional_1_Conditional_0_Template_british_columbia_incorporation_delta_form_validate_0_listener() {
+      \u0275\u0275elementStart(0, "british-columbia-change-of-directors-delta-form", 3);
+      \u0275\u0275listener("validate", function BritishColumbiaComponent_Conditional_1_Conditional_0_Template_british_columbia_change_of_directors_delta_form_validate_0_listener() {
         \u0275\u0275restoreView(_r1);
         const ctx_r1 = \u0275\u0275nextContext(2);
-        return \u0275\u0275resetView(ctx_r1.onFormationValidate());
-      })("close", function BritishColumbiaComponent_Conditional_1_Conditional_0_Template_british_columbia_incorporation_delta_form_close_0_listener() {
+        return \u0275\u0275resetView(ctx_r1.onChangeOfDirectorsValidate());
+      })("close", function BritishColumbiaComponent_Conditional_1_Conditional_0_Template_british_columbia_change_of_directors_delta_form_close_0_listener() {
         \u0275\u0275restoreView(_r1);
         const ctx_r1 = \u0275\u0275nextContext(2);
         return \u0275\u0275resetView(ctx_r1.onClose());
-      })("save", function BritishColumbiaComponent_Conditional_1_Conditional_0_Template_british_columbia_incorporation_delta_form_save_0_listener() {
+      })("save", function BritishColumbiaComponent_Conditional_1_Conditional_0_Template_british_columbia_change_of_directors_delta_form_save_0_listener() {
         \u0275\u0275restoreView(_r1);
         const ctx_r1 = \u0275\u0275nextContext(2);
-        return \u0275\u0275resetView(ctx_r1.onFormationSave());
+        return \u0275\u0275resetView(ctx_r1.onChangeOfDirectorsSave());
       });
       \u0275\u0275elementEnd();
     }
     if (rf & 2) {
       const ctx_r1 = \u0275\u0275nextContext(2);
       const taskData_r3 = \u0275\u0275readContextLet(0);
-      \u0275\u0275property("task", taskData_r3)("errors", ctx_r1.errors())("isNote", ctx_r1.isNote())("actionsDisabled", ctx_r1.actionsDisabled())("form", ctx_r1.deltaForm());
+      \u0275\u0275property("task", taskData_r3)("form", ctx_r1.deltaForm())("actionsDisabled", ctx_r1.actionsDisabled())("errors", ctx_r1.errors())("isNote", ctx_r1.isNote());
     }
   }
   function BritishColumbiaComponent_Conditional_1_Conditional_1_Template(rf, ctx) {
     if (rf & 1) {
       const _r4 = \u0275\u0275getCurrentView();
-      \u0275\u0275elementStart(0, "british-columbia-incorporation-preview-form", 4);
-      \u0275\u0275listener("next", function BritishColumbiaComponent_Conditional_1_Conditional_1_Template_british_columbia_incorporation_preview_form_next_0_listener() {
+      \u0275\u0275elementStart(0, "british-columbia-change-of-directors-preview-form", 4);
+      \u0275\u0275listener("close", function BritishColumbiaComponent_Conditional_1_Conditional_1_Template_british_columbia_change_of_directors_preview_form_close_0_listener() {
         \u0275\u0275restoreView(_r4);
         const ctx_r1 = \u0275\u0275nextContext(2);
-        return \u0275\u0275resetView(ctx_r1.nextStep.emit());
-      })("close", function BritishColumbiaComponent_Conditional_1_Conditional_1_Template_british_columbia_incorporation_preview_form_close_0_listener() {
+        return \u0275\u0275resetView(ctx_r1.close.emit());
+      })("file", function BritishColumbiaComponent_Conditional_1_Conditional_1_Template_british_columbia_change_of_directors_preview_form_file_0_listener() {
         \u0275\u0275restoreView(_r4);
         const ctx_r1 = \u0275\u0275nextContext(2);
-        return \u0275\u0275resetView(ctx_r1.close.emit());
+        return \u0275\u0275resetView(ctx_r1.nextStep.emit());
       });
       \u0275\u0275elementEnd();
     }
     if (rf & 2) {
       const ctx_r1 = \u0275\u0275nextContext(2);
       const taskData_r3 = \u0275\u0275readContextLet(0);
-      \u0275\u0275property("task", taskData_r3)("form", ctx_r1.previewForm())("actionsDisabled", ctx_r1.actionsDisabled());
+      \u0275\u0275property("task", taskData_r3)("form", ctx_r1.previewForm())("actionsDisabled", ctx_r1.actionsDisabled())("errors", ctx_r1.errors());
     }
   }
   function BritishColumbiaComponent_Conditional_1_Conditional_2_Template(rf, ctx) {
@@ -86299,7 +87639,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       })("confirm", function BritishColumbiaComponent_Conditional_1_Conditional_2_Template_terms_and_conditions_confirm_0_listener($event) {
         \u0275\u0275restoreView(_r5);
         const ctx_r1 = \u0275\u0275nextContext(2);
-        return \u0275\u0275resetView(ctx_r1.onFormationSubmit($event));
+        return \u0275\u0275resetView(ctx_r1.onChangeOfDirectorsSubmit($event));
       });
       \u0275\u0275elementEnd();
     }
@@ -86310,7 +87650,90 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   }
   function BritishColumbiaComponent_Conditional_1_Template(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275template(0, BritishColumbiaComponent_Conditional_1_Conditional_0_Template, 1, 5, "british-columbia-incorporation-delta-form", 0)(1, BritishColumbiaComponent_Conditional_1_Conditional_1_Template, 1, 3, "british-columbia-incorporation-preview-form", 1)(2, BritishColumbiaComponent_Conditional_1_Conditional_2_Template, 1, 1, "terms-and-conditions", 2);
+      \u0275\u0275template(0, BritishColumbiaComponent_Conditional_1_Conditional_0_Template, 1, 5, "british-columbia-change-of-directors-delta-form", 0)(1, BritishColumbiaComponent_Conditional_1_Conditional_1_Template, 1, 4, "british-columbia-change-of-directors-preview-form", 1)(2, BritishColumbiaComponent_Conditional_1_Conditional_2_Template, 1, 1, "terms-and-conditions", 2);
+    }
+    if (rf & 2) {
+      const ctx_r1 = \u0275\u0275nextContext();
+      \u0275\u0275conditional(ctx_r1.activeStep() === ctx_r1.steps.Validate ? 0 : -1);
+      \u0275\u0275advance();
+      \u0275\u0275conditional(ctx_r1.activeStep() === ctx_r1.steps.FilingPreview ? 1 : -1);
+      \u0275\u0275advance();
+      \u0275\u0275conditional(ctx_r1.activeStep() === ctx_r1.steps.TermsAndConditions ? 2 : -1);
+    }
+  }
+  function BritishColumbiaComponent_Conditional_2_Conditional_0_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r6 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "british-columbia-incorporation-delta-form", 8);
+      \u0275\u0275listener("validate", function BritishColumbiaComponent_Conditional_2_Conditional_0_Template_british_columbia_incorporation_delta_form_validate_0_listener() {
+        \u0275\u0275restoreView(_r6);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.onFormationValidate());
+      })("close", function BritishColumbiaComponent_Conditional_2_Conditional_0_Template_british_columbia_incorporation_delta_form_close_0_listener() {
+        \u0275\u0275restoreView(_r6);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.onClose());
+      })("save", function BritishColumbiaComponent_Conditional_2_Conditional_0_Template_british_columbia_incorporation_delta_form_save_0_listener() {
+        \u0275\u0275restoreView(_r6);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.onFormationSave());
+      });
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      const ctx_r1 = \u0275\u0275nextContext(2);
+      const taskData_r3 = \u0275\u0275readContextLet(0);
+      \u0275\u0275property("task", taskData_r3)("errors", ctx_r1.errors())("isNote", ctx_r1.isNote())("actionsDisabled", ctx_r1.actionsDisabled())("form", ctx_r1.deltaForm());
+    }
+  }
+  function BritishColumbiaComponent_Conditional_2_Conditional_1_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r7 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "british-columbia-incorporation-preview-form", 9);
+      \u0275\u0275listener("next", function BritishColumbiaComponent_Conditional_2_Conditional_1_Template_british_columbia_incorporation_preview_form_next_0_listener() {
+        \u0275\u0275restoreView(_r7);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.nextStep.emit());
+      })("close", function BritishColumbiaComponent_Conditional_2_Conditional_1_Template_british_columbia_incorporation_preview_form_close_0_listener() {
+        \u0275\u0275restoreView(_r7);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.close.emit());
+      });
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      const ctx_r1 = \u0275\u0275nextContext(2);
+      const taskData_r3 = \u0275\u0275readContextLet(0);
+      \u0275\u0275property("task", taskData_r3)("form", ctx_r1.previewForm())("actionsDisabled", ctx_r1.actionsDisabled());
+    }
+  }
+  function BritishColumbiaComponent_Conditional_2_Conditional_2_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r8 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "terms-and-conditions", 5);
+      \u0275\u0275listener("prev", function BritishColumbiaComponent_Conditional_2_Conditional_2_Template_terms_and_conditions_prev_0_listener() {
+        \u0275\u0275restoreView(_r8);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.prevStep.emit());
+      })("close", function BritishColumbiaComponent_Conditional_2_Conditional_2_Template_terms_and_conditions_close_0_listener() {
+        \u0275\u0275restoreView(_r8);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.close.emit());
+      })("confirm", function BritishColumbiaComponent_Conditional_2_Conditional_2_Template_terms_and_conditions_confirm_0_listener($event) {
+        \u0275\u0275restoreView(_r8);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.onFormationSubmit($event));
+      });
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      const ctx_r1 = \u0275\u0275nextContext(2);
+      \u0275\u0275property("errors", ctx_r1.errors());
+    }
+  }
+  function BritishColumbiaComponent_Conditional_2_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275template(0, BritishColumbiaComponent_Conditional_2_Conditional_0_Template, 1, 5, "british-columbia-incorporation-delta-form", 6)(1, BritishColumbiaComponent_Conditional_2_Conditional_1_Template, 1, 3, "british-columbia-incorporation-preview-form", 7)(2, BritishColumbiaComponent_Conditional_2_Conditional_2_Template, 1, 1, "terms-and-conditions", 2);
     }
     if (rf & 2) {
       const ctx_r1 = \u0275\u0275nextContext();
@@ -86331,11 +87754,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_app_enums();
       init_BritishColumbiaConstants();
       init_british_columbia_form_enums();
+      init_british_columbia_change_of_directors_form_helper();
       init_british_columbia_formation_form_helper();
       init_delta_state_service();
       init_common_utils();
       init_confirm_modal_component();
       init_terms_and_conditions_component();
+      init_change_of_directors_delta_form_component();
+      init_change_of_directors_preview_form_component();
       init_british_columbia_incorporation_delta_form_component();
       init_british_columbia_incorporation_preview_form_component();
       init_core();
@@ -86347,6 +87773,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         actionsDisabled = input(false);
         errors = input([]);
         close = output();
+        codValidate = output();
+        saveCodDeltaData = output();
+        codSubmit = output();
         formationValidate = output();
         formationSubmit = output();
         saveFormationDeltaData = output();
@@ -86356,12 +87785,17 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         deltaState = inject(DeltaStateService);
         translate = inject(TranslateService);
         steps = Step;
+        isChangeOfDirectorsTask = isChangeOfPrincipalsTask;
         isFormationTask = isFormationTask2;
         deltaForm = signal(new FormGroup({}));
         previewForm = signal(new FormGroup({}));
         constructor() {
           effect(() => {
             const task = this.task();
+            if (task && isChangeOfPrincipalsTask(task)) {
+              this.deltaForm.set(new FormGroup(BritishColumbiaChangeOfDirectorsFormHelper.generateConfig(task, (key) => this.translate.instant(key))));
+              this.deltaState.setBCChangeOfDirectorsInitialDelta(this.generateChangeOfDirectorsDeltaData());
+            }
             if (task && isFormationTask2(task)) {
               this.deltaForm.set(new FormGroup(BritishColumbiaFormationFormHelper.generateConfig(task, (key) => this.translate.instant(key), untracked2(() => this.currentUser()))));
               this.deltaState.setBCFormationInitialDelta(this.generateFormationDeltaData());
@@ -86370,7 +87804,18 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           effect(() => {
             const task = this.task();
             const deltaData = task?.deltaData;
-            if (task && isFormationTask2(task) && deltaData) {
+            if (!task || !deltaData) {
+              return;
+            }
+            if (isChangeOfPrincipalsTask(task)) {
+              const form = new FormGroup(BritishColumbiaChangeOfDirectorsFormHelper.generateConfig(task, (key) => this.translate.instant(key)));
+              form.disable();
+              this.previewForm.set(form);
+              if (untracked2(() => this.activeStep()) === Step.Validate) {
+                this.nextStep.emit();
+              }
+            }
+            if (isFormationTask2(task)) {
               const form = new FormGroup(BritishColumbiaFormationFormHelper.generateConfig(task, (key) => this.translate.instant(key), untracked2(() => this.currentUser())));
               form.disable();
               this.previewForm.set(form);
@@ -86380,6 +87825,21 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             }
           });
         }
+        onChangeOfDirectorsValidate() {
+          markFormGroupTouched(this.deltaForm());
+          this.codValidate.emit(this.generateChangeOfDirectorsDeltaData());
+        }
+        onChangeOfDirectorsSave() {
+          const delta = this.generateChangeOfDirectorsDeltaData();
+          this.deltaState.setBCChangeOfDirectorsInitialDelta(delta);
+          this.saveCodDeltaData.emit(delta);
+        }
+        onChangeOfDirectorsSubmit(termsAndConditions) {
+          this.codSubmit.emit(__spreadProps(__spreadValues({}, this.generateChangeOfDirectorsDeltaData()), {
+            signatoryFirstName: termsAndConditions.firstName,
+            signatoryLastName: termsAndConditions.lastName
+          }));
+        }
         onFormationValidate() {
           markFormGroupTouched(this.deltaForm());
           this.formationValidate.emit(this.generateFormationDeltaData());
@@ -86392,6 +87852,31 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         onFormationSubmit(termsAndConditions) {
           this.formationSubmit.emit(this.generateFormationDeltaData(termsAndConditions));
         }
+        generateChangeOfDirectorsDeltaData() {
+          const c = BCChangeOfDirectorsFormControls;
+          const formData = this.deltaForm().getRawValue();
+          const refNumbers = formData[BCChangeOfDirectorsFormGroups.ReferenceNumbers];
+          const filing = formData[BCChangeOfDirectorsFormGroups.FilingDetails];
+          const notification = formData[BCChangeOfDirectorsFormGroups.Notification];
+          const reminder = formData[BCChangeOfDirectorsFormGroups.AnnualReportReminder];
+          const addedOrDeleted = Boolean(filing?.[c.DirectorsAddedOrDeleted]);
+          const notifyByMail = notification?.[c.NotificationMethod] === BCNotificationMethod.Mail;
+          return {
+            referenceNumbers: {
+              referenceNumber: refNumbers?.[c.ClientMatterNumber] ?? null,
+              docketNumber: refNumbers?.[c.DocketNumber] ?? null
+            },
+            filingDetails: {
+              directorsAddedOrDeleted: addedOrDeleted,
+              changeDate: addedOrDeleted ? filing?.[c.ChangeDate] ?? null : void 0
+            },
+            notification: {
+              method: notification?.[c.NotificationMethod] ?? null,
+              email: notifyByMail ? void 0 : notification?.[c.NotificationEmail] ?? null
+            },
+            annualReportReminder: reminder?.[c.AnnualReportReminder] ?? null
+          };
+        }
         generateFormationDeltaData(termsAndConditions) {
           const formData = this.deltaForm().getRawValue();
           const refNumbers = formData[BCFormationFormGroups.ReferenceNumbers];
@@ -86453,7 +87938,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           return data;
         }
         onClose() {
-          const hasChanges = !deepEqual(this.deltaState.bcFormationInitialDelta(), this.generateFormationDeltaData());
+          const task = this.task();
+          const hasChanges = task && isFormationTask2(task) ? !deepEqual(this.deltaState.bcFormationInitialDelta(), this.generateFormationDeltaData()) : !deepEqual(this.deltaState.bcChangeOfDirectorsInitialDelta(), this.generateChangeOfDirectorsDeltaData());
           if (!hasChanges) {
             this.close.emit();
             return;
@@ -86469,7 +87955,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             width: "65rem"
           }).afterClosed().subscribe((val) => {
             if (val) {
-              this.onFormationSave();
+              if (task && isFormationTask2(task)) {
+                this.onFormationSave();
+              } else {
+                this.onChangeOfDirectorsSave();
+              }
             }
             this.close.emit();
           });
@@ -86477,17 +87967,21 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         static \u0275fac = function BritishColumbiaComponent_Factory(__ngFactoryType__) {
           return new (__ngFactoryType__ || _BritishColumbiaComponent)();
         };
-        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaComponent, selectors: [["british-columbia"]], inputs: { task: [1, "task"], currentUser: [1, "currentUser"], activeStep: [1, "activeStep"], isNote: [1, "isNote"], actionsDisabled: [1, "actionsDisabled"], errors: [1, "errors"] }, outputs: { close: "close", formationValidate: "formationValidate", formationSubmit: "formationSubmit", saveFormationDeltaData: "saveFormationDeltaData", nextStep: "nextStep", prevStep: "prevStep" }, decls: 2, vars: 2, consts: [[3, "task", "errors", "isNote", "actionsDisabled", "form"], [3, "task", "form", "actionsDisabled"], [3, "errors"], [3, "validate", "close", "save", "task", "errors", "isNote", "actionsDisabled", "form"], [3, "next", "close", "task", "form", "actionsDisabled"], [3, "prev", "close", "confirm", "errors"]], template: function BritishColumbiaComponent_Template(rf, ctx) {
+        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaComponent, selectors: [["british-columbia"]], inputs: { task: [1, "task"], currentUser: [1, "currentUser"], activeStep: [1, "activeStep"], isNote: [1, "isNote"], actionsDisabled: [1, "actionsDisabled"], errors: [1, "errors"] }, outputs: { close: "close", codValidate: "codValidate", saveCodDeltaData: "saveCodDeltaData", codSubmit: "codSubmit", formationValidate: "formationValidate", formationSubmit: "formationSubmit", saveFormationDeltaData: "saveFormationDeltaData", nextStep: "nextStep", prevStep: "prevStep" }, decls: 3, vars: 3, consts: [[3, "task", "form", "actionsDisabled", "errors", "isNote"], [3, "task", "form", "actionsDisabled", "errors"], [3, "errors"], [3, "validate", "close", "save", "task", "form", "actionsDisabled", "errors", "isNote"], [3, "close", "file", "task", "form", "actionsDisabled", "errors"], [3, "prev", "close", "confirm", "errors"], [3, "task", "errors", "isNote", "actionsDisabled", "form"], [3, "task", "form", "actionsDisabled"], [3, "validate", "close", "save", "task", "errors", "isNote", "actionsDisabled", "form"], [3, "next", "close", "task", "form", "actionsDisabled"]], template: function BritishColumbiaComponent_Template(rf, ctx) {
           if (rf & 1) {
             \u0275\u0275declareLet(0);
-            \u0275\u0275template(1, BritishColumbiaComponent_Conditional_1_Template, 3, 3);
+            \u0275\u0275template(1, BritishColumbiaComponent_Conditional_1_Template, 3, 3)(2, BritishColumbiaComponent_Conditional_2_Template, 3, 3);
           }
           if (rf & 2) {
-            const taskData_r6 = \u0275\u0275storeLet(ctx.task());
+            const taskData_r9 = \u0275\u0275storeLet(ctx.task());
             \u0275\u0275advance();
-            \u0275\u0275conditional(ctx.isFormationTask(taskData_r6) ? 1 : -1);
+            \u0275\u0275conditional(ctx.isChangeOfDirectorsTask(taskData_r9) ? 1 : -1);
+            \u0275\u0275advance();
+            \u0275\u0275conditional(ctx.isFormationTask(taskData_r9) ? 2 : -1);
           }
         }, dependencies: [
+          BritishColumbiaChangeOfDirectorsDeltaFormComponent,
+          BritishColumbiaChangeOfDirectorsPreviewFormComponent,
           BritishColumbiaIncorporationDeltaFormComponent,
           BritishColumbiaIncorporationPreviewFormComponent,
           TermsAndConditionsComponent
@@ -86497,14 +87991,16 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaComponent, [{
           type: Component,
           args: [{ standalone: true, selector: "british-columbia", changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+            BritishColumbiaChangeOfDirectorsDeltaFormComponent,
+            BritishColumbiaChangeOfDirectorsPreviewFormComponent,
             BritishColumbiaIncorporationDeltaFormComponent,
             BritishColumbiaIncorporationPreviewFormComponent,
             TermsAndConditionsComponent
-          ], template: '@let taskData = this.task();\r\n\r\n@if (isFormationTask(taskData)) {\r\n  @if (activeStep() === steps.Validate) {\r\n    <british-columbia-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    <british-columbia-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      [errors]="errors()"\r\n      (prev)="prevStep.emit()"\r\n      (close)="close.emit()"\r\n      (confirm)="onFormationSubmit($event)"\r\n    />\r\n  }\r\n}\r\n', styles: ["/* src/app/components/british-columbia/british-columbia.component.scss */\n:host {\n  display: contents;\n}\n/*# sourceMappingURL=british-columbia.component.css.map */\n"] }]
+          ], template: '@let taskData = this.task();\n\n@if (isChangeOfDirectorsTask(taskData)) {\n  @if (activeStep() === steps.Validate) {\n    <british-columbia-change-of-directors-delta-form\n      [task]="taskData"\n      [form]="deltaForm()"\n      [actionsDisabled]="actionsDisabled()"\n      [errors]="errors()"\n      [isNote]="isNote()"\n      (validate)="onChangeOfDirectorsValidate()"\n      (close)="onClose()"\n      (save)="onChangeOfDirectorsSave()"\n    />\n  }\n\n  @if (activeStep() === steps.FilingPreview) {\n    <british-columbia-change-of-directors-preview-form\n      [task]="taskData"\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      [errors]="errors()"\n      (prev)="prevStep.emit()"\n      (close)="close.emit()"\n      (confirm)="onChangeOfDirectorsSubmit($event)"\n    />\n  }\n}\n\n@if (isFormationTask(taskData)) {\n  @if (activeStep() === steps.Validate) {\n    <british-columbia-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    <british-columbia-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      [errors]="errors()"\n      (prev)="prevStep.emit()"\n      (close)="close.emit()"\n      (confirm)="onFormationSubmit($event)"\n    />\n  }\n}\n', styles: ["/* src/app/components/british-columbia/british-columbia.component.scss */\n:host {\n  display: contents;\n}\n/*# sourceMappingURL=british-columbia.component.css.map */\n"] }]
         }], () => [], null);
       })();
       (() => {
-        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaComponent, { className: "BritishColumbiaComponent", filePath: "src/app/components/british-columbia/british-columbia.component.ts", lineNumber: 46 });
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaComponent, { className: "BritishColumbiaComponent", filePath: "src/app/components/british-columbia/british-columbia.component.ts", lineNumber: 65 });
       })();
     }
   });
@@ -92536,7 +94032,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       out.push({ Message: message });
     }
     if (!out.length) {
-      const fallback = payload?.detail ?? payload?.message ?? payload?.title;
+      const fallback = payload?.error ?? payload?.detail ?? payload?.message ?? payload?.title;
       if (fallback) {
         out.push({ Message: fallback });
       }
@@ -92660,6 +94156,123 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }
   });
 
+  // src/app/services/british-columbia/british-columbia-change-of-directors.service.ts
+  var BritishColumbiaChangeOfDirectorsService;
+  var init_british_columbia_change_of_directors_service = __esm({
+    "src/app/services/british-columbia/british-columbia-change-of-directors.service.ts"() {
+      init_core();
+      init_common_utils();
+      init_core();
+      BritishColumbiaChangeOfDirectorsService = class _BritishColumbiaChangeOfDirectorsService {
+        config;
+        setConfig(config2) {
+          this.config = config2;
+        }
+        validate(_0, _1) {
+          return __async(this, arguments, function* (signature, requestBody, opts = {}) {
+            ensureAuthInputs(signature);
+            const fetchFn = opts.fetchImpl ?? fetch;
+            const url = signature.proxyApiUrl;
+            const targetUrl = opts.endpointPath ?? `${this.getOnbisOrigin()}/filings/ca/bc/maintenance-filing`;
+            const resp = yield fetchWithJwtRetry(signature, () => postJson(fetchFn, url, signature.jwtToken, requestBody, __spreadValues({
+              "x-target-url": targetUrl
+            }, opts.headers ?? {})));
+            const raw = yield resp.text();
+            const parsed = tryParseJson(raw);
+            if (!parsed.ok) {
+              const err2 = new Error(`BC change of directors validation returned ${resp.status} ${resp.statusText}: ${raw || "(empty response)"}`);
+              err2.httpStatus = resp.status;
+              throw err2;
+            }
+            const payload = unwrapRequestResults(parsed.value);
+            if (resp.ok && !payload.Errors?.length) {
+              return payload;
+            }
+            const err = buildValidationError(resp.status, payload);
+            err.validateResult = payload;
+            err.httpStatus = resp.status;
+            throw err;
+          });
+        }
+        getOnbisOrigin() {
+          const filingUrl = this.config?.ONFiling;
+          if (!filingUrl) {
+            throw new Error("BritishColumbiaChangeOfDirectorsService: missing EnvConfig.ONFiling.");
+          }
+          return new URL(filingUrl).origin;
+        }
+        static \u0275fac = function BritishColumbiaChangeOfDirectorsService_Factory(__ngFactoryType__) {
+          return new (__ngFactoryType__ || _BritishColumbiaChangeOfDirectorsService)();
+        };
+        static \u0275prov = /* @__PURE__ */ \u0275\u0275defineInjectable({ token: _BritishColumbiaChangeOfDirectorsService, factory: _BritishColumbiaChangeOfDirectorsService.\u0275fac, providedIn: "root" });
+      };
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaChangeOfDirectorsService, [{
+          type: Injectable,
+          args: [{
+            providedIn: "root"
+          }]
+        }], null, null);
+      })();
+    }
+  });
+
+  // src/app/helpers/mappers/british-columbia-change-of-directors.mapper.ts
+  function buildBritishColumbiaChangeOfDirectorsValidationRequest(task, deltaData) {
+    const incomingDirectors = (task.incomingAffiliations ?? []).filter(isDirectorAffiliation);
+    const outgoingDirectors = (task.outgoingAffiliations ?? []).filter(isDirectorAffiliation);
+    const companyEmail = findCompanyEmail(task);
+    const serviceOrderId = deltaData.serviceOrderId;
+    return __spreadValues({
+      filingType: "changeOfDirectorsFiling",
+      filing: {
+        reference: deltaData.referenceNumbers.referenceNumber ?? null,
+        docket: deltaData.referenceNumbers.docketNumber ?? null,
+        addOrDeleteDirectors: deltaData.filingDetails.directorsAddedOrDeleted,
+        effectiveDate: toYyyyMmDd(deltaData.filingDetails.changeDate) ?? toYyyyMmDd(/* @__PURE__ */ new Date()),
+        addDirectors: incomingDirectors.map((affiliation) => buildDirector(affiliation)),
+        ceaseDirectors: outgoingDirectors.map((affiliation) => buildDirector(affiliation)),
+        editDirectors: [],
+        companyEmail,
+        isAnnualReportReminderRequired: deltaData.annualReportReminder === BCAnnualReportReminder.Yes
+      }
+    }, serviceOrderId ? { ServiceOrderId: serviceOrderId } : {});
+  }
+  function isDirectorAffiliation(affiliation) {
+    return isPrincipalAffiliation2(affiliation) && affiliation.role?.role_name === "Director";
+  }
+  function buildDirector(affiliation) {
+    const profile = affiliation.participant?._profile ?? {};
+    const addresses = getAffiliationAddresses(affiliation);
+    return {
+      firstName: profile.firstName ?? "",
+      middleName: profile.middleName ?? "",
+      lastName: profile.lastName ?? "",
+      isDeliveryAddressSameAsMailing: isDeliveryAddressSameAsMailing(addresses)
+    };
+  }
+  function findCompanyEmail(task) {
+    const affiliations = task.entity.affiliations ?? [];
+    const registeredOffice = BritishColumbiaFormationFormHelper.findSharedAddressAffiliation(affiliations, AddressTitle2.REGISTERED_OFFICE);
+    return registeredOffice?.addresses?.[0]?.communications?.find((communication) => communication.type === "Business Email")?.value ?? task.entity.communications?.find((communication) => communication.type === "Business Email")?.value ?? null;
+  }
+  function getAffiliationAddresses(affiliation) {
+    return affiliation.addresses?.length ? affiliation.addresses : affiliation.parent_affiliation?.addresses ?? [];
+  }
+  function isDeliveryAddressSameAsMailing(addresses) {
+    const mailing = BritishColumbiaFormationFormHelper.pickAddress(addresses, "Mailing");
+    const delivery = BritishColumbiaFormationFormHelper.pickAddress(addresses, "Delivery");
+    return BritishColumbiaFormationFormHelper.formatFullAddress(mailing) === BritishColumbiaFormationFormHelper.formatFullAddress(delivery);
+  }
+  var init_british_columbia_change_of_directors_mapper = __esm({
+    "src/app/helpers/mappers/british-columbia-change-of-directors.mapper.ts"() {
+      init_BritishColumbiaConstants();
+      init_common_models();
+      init_british_columbia_formation_form_helper();
+      init_common_utils();
+    }
+  });
+
   // src/app/components/filing/filing.component.ts
   function FilingComponent_Conditional_7_Template(rf, ctx) {
     if (rf & 1) {
@@ -92739,6 +94352,26 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         \u0275\u0275restoreView(_r6);
         const ctx_r2 = \u0275\u0275nextContext(2);
         return \u0275\u0275resetView(ctx_r2.close.emit());
+      })("nextStep", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_nextStep_0_listener() {
+        \u0275\u0275restoreView(_r6);
+        const ctx_r2 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r2.onNextStepClick());
+      })("prevStep", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_prevStep_0_listener() {
+        \u0275\u0275restoreView(_r6);
+        const ctx_r2 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r2.onOntarioPrevStep());
+      })("codValidate", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_codValidate_0_listener($event) {
+        \u0275\u0275restoreView(_r6);
+        const ctx_r2 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r2.onBritishColumbiaChangeOfDirectorsValidate($event));
+      })("saveCodDeltaData", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_saveCodDeltaData_0_listener($event) {
+        \u0275\u0275restoreView(_r6);
+        const ctx_r2 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r2.onBritishColumbiaChangeOfDirectorsSave($event));
+      })("codSubmit", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_codSubmit_0_listener() {
+        \u0275\u0275restoreView(_r6);
+        const ctx_r2 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r2.onBritishColumbiaChangeOfDirectorsSubmit());
       })("formationValidate", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_formationValidate_0_listener($event) {
         \u0275\u0275restoreView(_r6);
         const ctx_r2 = \u0275\u0275nextContext(2);
@@ -92751,14 +94384,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         \u0275\u0275restoreView(_r6);
         const ctx_r2 = \u0275\u0275nextContext(2);
         return \u0275\u0275resetView(ctx_r2.onBritishColumbiaFormationSubmit());
-      })("nextStep", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_nextStep_0_listener() {
-        \u0275\u0275restoreView(_r6);
-        const ctx_r2 = \u0275\u0275nextContext(2);
-        return \u0275\u0275resetView(ctx_r2.onNextStepClick());
-      })("prevStep", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_prevStep_0_listener() {
-        \u0275\u0275restoreView(_r6);
-        const ctx_r2 = \u0275\u0275nextContext(2);
-        return \u0275\u0275resetView(ctx_r2.onOntarioPrevStep());
       });
       \u0275\u0275elementEnd();
     }
@@ -92860,6 +94485,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_british_columbia_formation_mapper();
       init_british_columbia_formation_service();
       init_delta_state_service();
+      init_british_columbia_change_of_directors_service();
+      init_british_columbia_change_of_directors_mapper();
       init_core();
       init_button();
       FilingComponent = class _FilingComponent {
@@ -92915,6 +94542,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         bcFormationService = inject(BritishColumbiaFormationService);
         federalUpdateMaintainService = inject(FederalUpdateMaintainService);
         updateMaintainService = inject(OntarioUpdateMaintainService);
+        britishColumbiaChangeOfDirectorsService = inject(BritishColumbiaChangeOfDirectorsService);
         translate = inject(TranslateService);
         isEditButton = computed(() => {
           const task = this.task();
@@ -92953,6 +94581,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           if (isFormationTask2(task)) {
             return `File ${jurisdiction} Articles of Incorporation`;
           }
+          if (isChangeOfPrincipalsTask(task) && isBritishColumbiaTask(task)) {
+            return "File British Columbia Notice of Change of Directors";
+          }
           return "";
         });
         constructor() {
@@ -92964,6 +94595,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               this.federalFormationService.setConfig(config2);
               this.bcFormationService.setConfig(config2);
               this.federalUpdateMaintainService.setConfig(config2);
+              this.britishColumbiaChangeOfDirectorsService.setConfig(config2);
             }
           });
           addStylesVariables();
@@ -93102,6 +94734,59 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           }
           this.deltaDataChange.emit(deltaData);
         }
+        onBritishColumbiaChangeOfDirectorsValidate(deltaData) {
+          return __async(this, null, function* () {
+            const task = this.task();
+            const signature = this._signature();
+            if (!task || !signature || !isChangeOfPrincipalsTask(task)) {
+              return;
+            }
+            try {
+              this.isLoading.set(true);
+              this.errors.set([]);
+              const requestBody = buildBritishColumbiaChangeOfDirectorsValidationRequest(task, deltaData);
+              const response = yield this.britishColumbiaChangeOfDirectorsService.validate(signature, requestBody, this.validateOptions() ?? {});
+              if (this.hasResponseErrors(response))
+                return;
+              const serviceOrderId = response.ServiceOrderId ?? "";
+              if (response.Draft) {
+                this.filingValidateSuccess.emit({
+                  searchOrFilingType: getSearchOrFilingType(task),
+                  serviceOrderId,
+                  validatedOn: /* @__PURE__ */ new Date(),
+                  provider: "obr",
+                  draftPdf: response.Draft,
+                  documentName: this.validateOptions()?.documentName ?? "BC Change of Directors Draft",
+                  documentType: "pdf"
+                });
+              }
+              const validatedData = this.task()?.deltaData?.validatedData;
+              if (validatedData) {
+                delete this.task()?.deltaData.validatedData;
+              }
+              this.deltaDataChange.emit(__spreadProps(__spreadValues({}, deltaData), {
+                serviceOrderId,
+                validatedData: JSON.parse(JSON.stringify(requestBody))
+              }));
+              this.close.emit();
+            } catch (response) {
+              this.handleCatchError(response);
+            } finally {
+              this.isLoading.set(false);
+            }
+          });
+        }
+        onBritishColumbiaChangeOfDirectorsSave(deltaData) {
+          const oldDeltaData = this.task()?.deltaData;
+          if (oldDeltaData) {
+            delete this.task()?.deltaData;
+          }
+          this.deltaDataChange.emit(deltaData);
+        }
+        onBritishColumbiaChangeOfDirectorsSubmit() {
+          console.warn("British Columbia change of directors submit is not wired to a backend yet.");
+          this.close.emit();
+        }
         /**
          * British Columbia Formation validate (AC8 / AC9): sends the payload to the BC Filing API,
          * hands the draft PDF to UEM and saves the delta + ServiceOrderId + full payload.
@@ -93581,7 +95266,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           if (rf & 2) {
             \u0275\u0275styleProp("height", ctx.modalHeight());
           }
-        }, inputs: { env: [1, "env"], config: [1, "config"], language: [1, "language"], proxyApiUrl: [1, "proxyApiUrl"], jwtToken: [1, "jwtToken"], task: [1, "task"], currentUser: [1, "currentUser"], height: [1, "height"], validateOptions: [1, "validateOptions"], getDocumentBytes: [1, "getDocumentBytes"] }, outputs: { deltaDataChange: "deltaDataChange", filingValidateSuccess: "filingValidateSuccess", filingSubmitSuccess: "filingSubmitSuccess", close: "close" }, decls: 12, vars: 9, consts: [[1, "filing"], [1, "filing-title"], [1, "filing-title-text"], [1, "filing-title-action", 3, "click"], [1, "filing-header"], [1, "filing-content"], [1, "filing-content-loading"], ["mat-stroked-button", "", 3, "click", "disabled"], [3, "task", "activeStep", "isNote", "actionsDisabled", "errors", "prevData", "irValidationConfig"], [3, "task", "currentUser", "activeStep", "isNote", "actionsDisabled", "errors"], [3, "actionsDisabled", "isNote", "activeStep", "task", "errors"], [3, "close", "formationValidate", "saveFormationDeltaData", "formationSubmit", "nextStep", "prevStep", "irValidate", "saveIrDeltaData", "irSubmit", "task", "activeStep", "isNote", "actionsDisabled", "errors", "prevData", "irValidationConfig"], [3, "close", "formationValidate", "saveFormationDeltaData", "formationSubmit", "nextStep", "prevStep", "task", "currentUser", "activeStep", "isNote", "actionsDisabled", "errors"], [3, "close", "deltaDataChange", "file", "validate", "umSave", "umValidate", "umSubmit", "nextStep", "actionsDisabled", "isNote", "activeStep", "task", "errors"], [3, "diameter"]], template: function FilingComponent_Template(rf, ctx) {
+        }, inputs: { env: [1, "env"], config: [1, "config"], language: [1, "language"], proxyApiUrl: [1, "proxyApiUrl"], jwtToken: [1, "jwtToken"], task: [1, "task"], currentUser: [1, "currentUser"], height: [1, "height"], validateOptions: [1, "validateOptions"], getDocumentBytes: [1, "getDocumentBytes"] }, outputs: { deltaDataChange: "deltaDataChange", filingValidateSuccess: "filingValidateSuccess", filingSubmitSuccess: "filingSubmitSuccess", close: "close" }, decls: 12, vars: 9, consts: [[1, "filing"], [1, "filing-title"], [1, "filing-title-text"], [1, "filing-title-action", 3, "click"], [1, "filing-header"], [1, "filing-content"], [1, "filing-content-loading"], ["mat-stroked-button", "", 3, "click", "disabled"], [3, "task", "activeStep", "isNote", "actionsDisabled", "errors", "prevData", "irValidationConfig"], [3, "task", "currentUser", "activeStep", "isNote", "actionsDisabled", "errors"], [3, "actionsDisabled", "isNote", "activeStep", "task", "errors"], [3, "close", "formationValidate", "saveFormationDeltaData", "formationSubmit", "nextStep", "prevStep", "irValidate", "saveIrDeltaData", "irSubmit", "task", "activeStep", "isNote", "actionsDisabled", "errors", "prevData", "irValidationConfig"], [3, "close", "nextStep", "prevStep", "codValidate", "saveCodDeltaData", "codSubmit", "formationValidate", "saveFormationDeltaData", "formationSubmit", "task", "currentUser", "activeStep", "isNote", "actionsDisabled", "errors"], [3, "close", "deltaDataChange", "file", "validate", "umSave", "umValidate", "umSubmit", "nextStep", "actionsDisabled", "isNote", "activeStep", "task", "errors"], [3, "diameter"]], template: function FilingComponent_Template(rf, ctx) {
           if (rf & 1) {
             const _r1 = \u0275\u0275getCurrentView();
             \u0275\u0275elementStart(0, "div", 0)(1, "div", 1)(2, "h1", 2);
@@ -93647,13 +95332,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
 \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
+    <button mat-stroked-button [disabled]="isLoading()" (click)="onEditClick()">\r
+      {{ 'Edit' | translate }}\r
+    </button>\r
   </div>\r
   }\r
 \r
@@ -93661,71 +95342,43 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     @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 if (isBritishColumbiaTask(currentTask)) {\r
-        <british-columbia\r
-          [task]="currentTask"\r
-          [currentUser]="currentUser()"\r
-          [activeStep]="activeStep()"\r
-          [isNote]="dataWasChanged()"\r
-          [actionsDisabled]="isLoading()"\r
-          [errors]="errors()"\r
-          (close)="close.emit()"\r
-          (formationValidate)="onBritishColumbiaFormationValidate($event)"\r
-          (saveFormationDeltaData)="onBritishColumbiaFormationSave($event)"\r
-          (formationSubmit)="onBritishColumbiaFormationSubmit()"\r
-          (nextStep)="onNextStepClick()"\r
-          (prevStep)="onOntarioPrevStep()"\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
+    @if (isOntarioTask(currentTask)) {\r
+    <ontario [task]="currentTask" [activeStep]="activeStep()" [isNote]="dataWasChanged()"\r
+      [actionsDisabled]="isLoading()" [errors]="errors()" [prevData]="prevData()" (close)="close.emit()"\r
+      (formationValidate)="onOntarioFormationValidate($event)" (saveFormationDeltaData)="onOntarioFormationSave($event)"\r
+      (formationSubmit)="onOntarioFormationSubmit()" (nextStep)="onNextStepClick()" (prevStep)="onOntarioPrevStep()"\r
+      [irValidationConfig]="validationConfig()" (irValidate)="validateAndFileInitialReturnTask($event)"\r
+      (saveIrDeltaData)="onOntarioUpdateMaintainSave($event)" (irSubmit)="onInitialReturnSubmit()" />\r
+    } @else if (isBritishColumbiaTask(currentTask)) {\r
+    <british-columbia [task]="currentTask" [currentUser]="currentUser()" [activeStep]="activeStep()"\r
+      [isNote]="dataWasChanged()" [actionsDisabled]="isLoading()" [errors]="errors()" (close)="close.emit()"\r
+      (nextStep)="onNextStepClick()" (prevStep)="onOntarioPrevStep()"\r
+      (codValidate)="onBritishColumbiaChangeOfDirectorsValidate($event)"\r
+      (saveCodDeltaData)="onBritishColumbiaChangeOfDirectorsSave($event)"\r
+      (codSubmit)="onBritishColumbiaChangeOfDirectorsSubmit()"\r
+      (formationValidate)="onBritishColumbiaFormationValidate($event)"\r
+      (saveFormationDeltaData)="onBritishColumbiaFormationSave($event)"\r
+      (formationSubmit)="onBritishColumbiaFormationSubmit()" />\r
+    } @else {\r
+    <federal [actionsDisabled]="isLoading()" [isNote]="dataWasChanged()" [activeStep]="activeStep()"\r
+      [task]="currentTask" [errors]="errors()" (close)="close.emit()" (deltaDataChange)="onFederalFormationSave($event)"\r
+      (file)="onFederalFormationSubmit()" (validate)="onFederalValidate($event)"\r
+      (umSave)="onFederalUpdateMaintainSave($event)" (umValidate)="onFederalUpdateMaintainValidate($event)"\r
+      (umSubmit)="onFederalUpdateMaintainSubmit()" (nextStep)="defineInitialStep()" />\r
+    }\r
     }\r
 \r
     @if (isLoading()) {\r
-      <div class="filing-content-loading">\r
-        <mat-spinner [diameter]="40" />\r
-      </div>\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  width: 100%;\n  min-width: 0;\n  min-height: 480px;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n:host .filing {\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  min-height: 0;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  box-sizing: border-box;\n  background: #ffffff;\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  min-height: 0;\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'] }]
+</div>`, styles: ["/* src/app/components/filing/filing.component.scss */\n:host {\n  display: flex;\n  width: 100%;\n  min-width: 0;\n  min-height: 480px;\n  box-sizing: border-box;\n  overflow: hidden;\n}\n:host .filing {\n  position: relative;\n  width: 100%;\n  min-width: 0;\n  min-height: 0;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  box-sizing: border-box;\n  background: #ffffff;\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  min-height: 0;\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);
       })();
       (() => {
-        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(FilingComponent, { className: "FilingComponent", filePath: "src/app/components/filing/filing.component.ts", lineNumber: 82 });
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(FilingComponent, { className: "FilingComponent", filePath: "src/app/components/filing/filing.component.ts", lineNumber: 86 });
       })();
     }
   });
@@ -97929,6 +99582,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         Directors: "Directors",
         Officers: "Officers",
         "Certified By": "Certified By",
+        "Certified by": "Certified by",
         "Expand all": "Expand all",
         "Collapse all": "Collapse all",
         Add: "Add",
@@ -97951,6 +99605,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         "Cancel Edits": "Cancel Edits",
         Cancel: "Cancel",
         NOTE: "NOTE",
+        "NOTE A new draft needs to be generated as the Entity was changed since the last draft was produced.": "NOTE A new draft needs to be generated as the Entity was changed since the last draft was produced.",
         "A new draft needs to be generated as the Entity was changed since the last draft was produced.": "A new draft needs to be generated as the Entity was changed since the last draft was produced.",
         "Terms and Conditions": "Terms and Conditions",
         "I have read and agree to the Terms and Conditions": "I have read and agree to the Terms and Conditions",
@@ -98313,6 +99968,21 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         "Existing Officer": "Existing Officer",
         "No supporting documents have been added to UEM for this entity. Add them in UEM, then try again.": "No supporting documents have been added to UEM for this entity. Add them in UEM, then try again.",
         "All supporting documents have already been added.": "All supporting documents have already been added.",
+        "File British Columbia Notice of Change of Directors": "File British Columbia Notice of Change of Directors",
+        "There is no fee for changing the legal name or the address of a director. A filing fee applies when directors are added or deleted as part of this filing.": "There is no fee for changing the legal name or the address of a director. A filing fee applies when directors are added or deleted as part of this filing.",
+        "Directors will be added and/or deleted as part of this filing": "Directors will be added and/or deleted as part of this filing",
+        "Date Directors were added or deleted": "Date Directors were added or deleted",
+        "The date on which the individual(s) became or ceased to be a director. This date must be today's date or in the past.": "The date on which the individual(s) became or ceased to be a director. This date must be today's date or in the past.",
+        "These are the directors on the corporate register as of {{date}}. Director appointments, cessations and changes to a director's details are made on the task before this filing \u2014 they cannot be added, ceased, or edited here. Ceasing or adding a director requires the checkbox and date in Filing Details above.": "These are the directors on the corporate register as of {{date}}. Director appointments, cessations and changes to a director's details are made on the task before this filing \u2014 they cannot be added, ceased, or edited here. Ceasing or adding a director requires the checkbox and date in Filing Details above.",
+        "defaults to Registered Office mailing address": "defaults to Registered Office mailing address",
+        "Does this company wish to be reminded to file its annual reports? If an email address is specified, the reminder will be sent to the company's email address. Otherwise, the reminder will be mailed to the registered or head office of the company.": "Does this company wish to be reminded to file its annual reports? If an email address is specified, the reminder will be sent to the company's email address. Otherwise, the reminder will be mailed to the registered or head office of the company.",
+        "Annual Report Reminder": "Annual Report Reminder",
+        "Yes, send the annual report reminder": "Yes, send the annual report reminder",
+        "No, I do not need to be reminded": "No, I do not need to be reminded",
+        "Director Information": "Director Information",
+        "Filing Details": "Filing Details",
+        "Incorporation Number": "Incorporation Number",
+        "Filing Fee": "Filing Fee",
         "File British Columbia Articles of Incorporation": "File British Columbia Articles of Incorporation",
         Named: "Named",
         "Company Name": "Company Name",
@@ -98384,8 +100054,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         "Canadian Resident": "R\xE9sident canadien",
         Officers: "Officiers",
         "Certified By": "Certifi\xE9 par",
+        "Certified by": "Certifi\xE9 par",
         "Expand all": "Afficher tout",
-        "Collapse all": "Masquer tout",
+        "Collapse all": "Tout Masquer",
         Add: "Ajouter",
         Update: "Mettre \xE0 jour",
         Cease: "Cesser",
@@ -98401,11 +100072,12 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         "The following issues need to be resolved before proceeding:": "Les probl\xE8mes suivants doivent \xEAtre r\xE9solus avant de poursuivre :",
         "All addresses must have a street type and direction specified.": "Toutes les adresses doivent inclure un type de rue et une direction.",
         "Validate & Generate Draft": "Valider et g\xE9n\xE9rer le brouillon",
-        File: "D\xE9poser",
+        File: "Fichier",
         Edit: "Modifier",
         "Cancel Edits": "Annuler les modifications",
         Cancel: "Annuler",
         NOTE: "REMARQUE",
+        "NOTE A new draft needs to be generated as the Entity was changed since the last draft was produced.": "REMARQUE Un nouveau projet doit \xEAtre g\xE9n\xE9r\xE9 car l'entit\xE9 a \xE9t\xE9 modifi\xE9e depuis la production du dernier projet.",
         "A new draft needs to be generated as the Entity was changed since the last draft was produced.": "Un nouveau brouillon doit \xEAtre g\xE9n\xE9r\xE9 car l'entit\xE9 a \xE9t\xE9 modifi\xE9e depuis la production du dernier brouillon.",
         "Terms and Conditions": "Termes et conditions",
         "I have read and agree to the Terms and Conditions": "J'ai lu et j'accepte les Termes et conditions",
@@ -98644,7 +100316,21 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         "Existing Officer": "Dirigeant existant",
         "No supporting documents have been added to UEM for this entity. Add them in UEM, then try again.": "Aucun document justificatif n'a \xE9t\xE9 ajout\xE9 dans UEM pour cette entit\xE9. Ajoutez-les dans UEM, puis r\xE9essayez.",
         "All supporting documents have already been added.": "Tous les documents justificatifs ont d\xE9j\xE0 \xE9t\xE9 ajout\xE9s.",
-        "File British Columbia Articles of Incorporation": "D\xE9poser les statuts constitutifs de la Colombie-Britannique",
+        "File British Columbia Notice of Change of Directors": "D\xE9poser l'avis de changement d'administrateurs de la Colombie-Britannique",
+        "There is no fee for changing the legal name or the address of a director. A filing fee applies when directors are added or deleted as part of this filing.": "Aucuns frais ne s'appliquent au changement du nom l\xE9gal ou de l'adresse d'un administrateur. Des frais de d\xE9p\xF4t s'appliquent lorsque des administrateurs sont ajout\xE9s ou retir\xE9s dans le cadre de ce d\xE9p\xF4t.",
+        "Directors will be added and/or deleted as part of this filing": "Des administrateurs seront ajout\xE9s et/ou retir\xE9s dans le cadre de ce d\xE9p\xF4t",
+        "Date Directors were added or deleted": "Date d'ajout ou de retrait des administrateurs",
+        "The date on which the individual(s) became or ceased to be a director. This date must be today's date or in the past.": "La date \xE0 laquelle la ou les personnes sont devenues administrateurs ou ont cess\xE9 de l'\xEAtre. Cette date doit \xEAtre la date d'aujourd'hui ou une date pass\xE9e.",
+        "These are the directors on the corporate register as of {{date}}. Director appointments, cessations and changes to a director's details are made on the task before this filing \u2014 they cannot be added, ceased, or edited here. Ceasing or adding a director requires the checkbox and date in Filing Details above.": "Voici les administrateurs inscrits au registre de la soci\xE9t\xE9 au {{date}}. Les nominations, cessations et modifications des renseignements d'un administrateur se font dans la t\xE2che avant ce d\xE9p\xF4t \u2014 ils ne peuvent \xEAtre ajout\xE9s, cess\xE9s ou modifi\xE9s ici. L'ajout ou la cessation d'un administrateur exige la case \xE0 cocher et la date dans les D\xE9tails du d\xE9p\xF4t ci-dessus.",
+        "defaults to Registered Office mailing address": "par d\xE9faut, l'adresse postale du si\xE8ge social",
+        "Does this company wish to be reminded to file its annual reports? If an email address is specified, the reminder will be sent to the company's email address. Otherwise, the reminder will be mailed to the registered or head office of the company.": "Cette soci\xE9t\xE9 souhaite-t-elle recevoir un rappel pour le d\xE9p\xF4t de ses rapports annuels ? Si une adresse courriel est indiqu\xE9e, le rappel sera envoy\xE9 \xE0 l'adresse courriel de la soci\xE9t\xE9. Sinon, le rappel sera post\xE9 au si\xE8ge social ou au bureau principal de la soci\xE9t\xE9.",
+        "Annual Report Reminder": "Rappel du rapport annuel",
+        "Yes, send the annual report reminder": "Oui, envoyer le rappel du rapport annuel",
+        "No, I do not need to be reminded": "Non, je n'ai pas besoin de rappel",
+        "Director Information": "Renseignements sur les administrateurs",
+        "Filing Details": "D\xE9tails du d\xE9p\xF4t",
+        "Incorporation Number": "Num\xE9ro de constitution",
+        "Filing Fee": "Frais de d\xE9p\xF4t",
         Named: "D\xE9nomination",
         "Company Name": "Nom de la soci\xE9t\xE9",
         "Name Reservation (NR) Number": "Num\xE9ro de r\xE9servation de nom (NR)",