@dyedurham/search-and-file-widget 2.0.74 → 2.0.76

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";
   }
@@ -58106,7 +58109,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     if (!task) {
       return void 0;
     }
-    const prefix = isOntarioTask(task) ? "ontario" : isBritishColumbiaTask(task) ? "bc" : "federal";
+    const prefix = isOntarioTask(task) ? "ontario" : isBritishColumbiaTask(task) ? "britishColumbia" : "federal";
     if (isFormationTask2(task)) {
       return `${prefix}Incorporation`;
     }
@@ -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) {
@@ -80206,12 +80212,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       });
       \u0275\u0275elementEnd();
       \u0275\u0275template(6, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_6_Template, 3, 3, "mat-hint")(7, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_7_Template, 3, 6, "mat-hint", 21)(8, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_8_Template, 2, 2, "mat-icon", 20);
-      \u0275\u0275declareLet(9);
-      \u0275\u0275elementStart(10, "mat-error");
-      \u0275\u0275text(11);
+      \u0275\u0275elementStart(9, "mat-error");
+      \u0275\u0275text(10);
+      \u0275\u0275pipe(11, "translate");
       \u0275\u0275pipe(12, "translate");
       \u0275\u0275pipe(13, "translate");
-      \u0275\u0275pipe(14, "translate");
       \u0275\u0275elementEnd()();
     }
     if (rf & 2) {
@@ -80220,8 +80225,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275nextContext(2);
       const previousValue_r13 = \u0275\u0275readContextLet(0);
       const field_r3 = \u0275\u0275nextContext().$implicit;
-      \u0275\u0275nextContext();
-      const form_r4 = \u0275\u0275readContextLet(1);
       \u0275\u0275classProp("warning", !!previousValue_r13)("body-1-semibold", field_r3.bold);
       \u0275\u0275advance();
       \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(2, 14, field_r3.label) + (field_r3.required ? " *" : ""), " ");
@@ -80236,15 +80239,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275conditional(previousValue_r13 != null ? 7 : -1);
       \u0275\u0275advance();
       \u0275\u0275conditional(previousValue_r13 != null ? 8 : -1);
-      const inputControl_r27 = form_r4.get(field_r3.formControlName);
-      \u0275\u0275advance(3);
-      \u0275\u0275textInterpolate(field_r3.errorMessage && !(field_r3.showRequiredMessage && ((inputControl_r27 == null ? null : inputControl_r27.hasError("require")) || (inputControl_r27 == null ? null : inputControl_r27.hasError("required")))) ? \u0275\u0275pipeBind1(12, 16, field_r3.errorMessage) : \u0275\u0275pipeBind1(13, 18, field_r3.label) + " " + \u0275\u0275pipeBind1(14, 20, "is required"));
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate(field_r3.errorMessage ? \u0275\u0275pipeBind1(11, 16, field_r3.errorMessage) : \u0275\u0275pipeBind1(12, 18, field_r3.label) + " " + \u0275\u0275pipeBind1(13, 20, "is required"));
     }
   }
   function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "div");
-      \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template, 15, 22);
+      \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template, 14, 22);
       \u0275\u0275elementEnd();
     }
     if (rf & 2) {
@@ -80260,14 +80262,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   }
   function FilingFormGroupComponent_For_5_Conditional_0_Case_8_Conditional_1_Template(rf, ctx) {
     if (rf & 1) {
-      const _r28 = \u0275\u0275getCurrentView();
+      const _r27 = \u0275\u0275getCurrentView();
       \u0275\u0275elementStart(0, "span", 8);
       \u0275\u0275text(1);
       \u0275\u0275pipe(2, "translate");
       \u0275\u0275elementEnd();
       \u0275\u0275elementStart(3, "mat-form-field", 9)(4, "textarea", 37);
       \u0275\u0275listener("change", function FilingFormGroupComponent_For_5_Conditional_0_Case_8_Conditional_1_Template_textarea_change_4_listener() {
-        \u0275\u0275restoreView(_r28);
+        \u0275\u0275restoreView(_r27);
         const field_r3 = \u0275\u0275nextContext(3).$implicit;
         \u0275\u0275nextContext();
         const form_r4 = \u0275\u0275readContextLet(1);
@@ -80314,14 +80316,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }
     if (rf & 2) {
       \u0275\u0275nextContext();
-      const label_r29 = \u0275\u0275readContextLet(0);
+      const label_r28 = \u0275\u0275readContextLet(0);
       const ctx_r13 = \u0275\u0275nextContext(2);
       const field_r3 = ctx_r13.$implicit;
       const \u0275$index_7_r15 = ctx_r13.$index;
       const \u0275$count_7_r16 = ctx_r13.$count;
       \u0275\u0275classMap(field_r3.class);
       \u0275\u0275classProp("last", \u0275$index_7_r15 === \u0275$count_7_r16 - 1)("body-1-semibold", field_r3.bold);
-      \u0275\u0275property("innerHTML", label_r29, \u0275\u0275sanitizeHtml);
+      \u0275\u0275property("innerHTML", label_r28, \u0275\u0275sanitizeHtml);
     }
   }
   function FilingFormGroupComponent_For_5_Conditional_0_Case_10_Template(rf, ctx) {
@@ -80333,9 +80335,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       const field_r3 = \u0275\u0275nextContext(2).$implicit;
       const ctx_r8 = \u0275\u0275nextContext();
       const form_r4 = \u0275\u0275readContextLet(1);
-      const label_r30 = \u0275\u0275storeLet(field_r3.dynamicLabel ? field_r3.dynamicLabel(form_r4, ctx_r8.translateFn, ctx_r8.prevData()) : field_r3.label);
+      const label_r29 = \u0275\u0275storeLet(field_r3.dynamicLabel ? field_r3.dynamicLabel(form_r4, ctx_r8.translateFn, ctx_r8.prevData()) : field_r3.label);
       \u0275\u0275advance();
-      \u0275\u0275conditional(label_r30 ? 1 : -1);
+      \u0275\u0275conditional(label_r29 ? 1 : -1);
     }
   }
   function FilingFormGroupComponent_For_5_Conditional_0_Template(rf, ctx) {
@@ -80512,14 +80514,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             \u0275\u0275elementEnd()();
           }
           if (rf & 2) {
-            const fields_r31 = ctx.config();
+            const fields_r30 = ctx.config();
             \u0275\u0275advance();
-            const form_r32 = \u0275\u0275storeLet(ctx.form());
+            const form_r31 = \u0275\u0275storeLet(ctx.form());
             \u0275\u0275advance(2);
             \u0275\u0275classProp("submitted", ctx.isSubmitted());
-            \u0275\u0275property("formGroup", form_r32);
+            \u0275\u0275property("formGroup", form_r31);
             \u0275\u0275advance();
-            \u0275\u0275repeater(fields_r31);
+            \u0275\u0275repeater(fields_r30);
           }
         }, dependencies: [
           MatFormField,
@@ -80775,8 +80777,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         <mat-icon [class.warning]="true" class="filling-form-fields-item-icon" matSuffix>warning_amber</mat-icon>\r
         }\r
 \r
-        @let inputControl = form.get(field.formControlName);\r
-        <mat-error>{{ field.errorMessage && !(field.showRequiredMessage && (inputControl?.hasError('require') || inputControl?.hasError('required'))) ? (field.errorMessage | translate) : (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>\r
+        <mat-error>{{ field.errorMessage ? (field.errorMessage | translate) : (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>\r
       </mat-form-field>\r
       }\r
     </div>\r
@@ -81298,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);
@@ -81314,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__) {
@@ -84126,10 +84132,95 @@ 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_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();
+      init_common_constants();
+      (function(BCNameType2) {
+        BCNameType2[BCNameType2["Numbered"] = 1] = "Numbered";
+        BCNameType2[BCNameType2["Named"] = 2] = "Named";
+      })(BCNameType || (BCNameType = {}));
+      BCNameTypeLabel = {
+        [BCNameType.Numbered]: "Numbered",
+        [BCNameType.Named]: "Named"
+      };
+      BC_NUMBERED_NAME_PREVIEW = "[Incorporation Number] B.C. LTD.";
+      (function(BCNotificationMethod2) {
+        BCNotificationMethod2["Email"] = "email";
+        BCNotificationMethod2["Mail"] = "mail";
+      })(BCNotificationMethod || (BCNotificationMethod = {}));
+      BCNotificationMethodLabel = {
+        [BCNotificationMethod.Email]: "Notify by email",
+        [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" },
+        { value: "United States", label: "United States" },
+        { value: "Other", label: "Other" }
+      ];
+      BC_DEFAULT_PROVINCE_STATE = CANProvinces.BritishColumbia;
+      BC_DEFAULT_COUNTRY = "Canada";
+      BC_FUTURE_EFFECTIVE_DATE_FEE = "$100";
+      BC_PASSWORD_MIN_LENGTH = 8;
+      BC_PASSWORD_MAX_LENGTH = 15;
+      BC_PASSWORD_PATTERN = /^[A-Za-z0-9]+$/;
+      BC_COMPANY_EMAIL_MAX_LENGTH = 150;
+      BC_NAME_RESERVATION_MAX_LENGTH = 9;
+      BC_NAME_RESERVATION_PATTERN = /^(NR)?\d{1,7}$/i;
+      BC_COMPLETING_PARTY_COUNTRY_OPTIONS = [
+        "Canada",
+        "United States",
+        ...Object.keys(countryCodes).filter((name) => name !== "Canada" && name !== "United States").sort((a, b) => a.localeCompare(b))
+      ].map((name) => ({ value: name, label: name }));
+    }
+  });
+
   // 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";
@@ -84150,6 +84241,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         BCFormationFormControls2["RecordsOfficeMailingAddress"] = "recordsOfficeMailingAddress";
         BCFormationFormControls2["RecordsOfficeDeliveryAddress"] = "recordsOfficeDeliveryAddress";
         BCFormationFormControls2["FullAddress"] = "fullAddress";
+        BCFormationFormControls2["NotificationMethod"] = "notificationMethod";
+        BCFormationFormControls2["NotificationEmail"] = "notificationEmail";
+        BCFormationFormControls2["NotificationName"] = "notificationName";
         BCFormationFormControls2["AddressLine1"] = "addressLine1";
         BCFormationFormControls2["AddressLine2"] = "addressLine2";
         BCFormationFormControls2["City"] = "city";
@@ -84168,6 +84262,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         BCFormationFormGroups2["ReferenceNumbers"] = "Reference Numbers";
         BCFormationFormGroups2["CorporationDetails"] = "Corporation Details";
         BCFormationFormGroups2["RegisteredOfficeAddress"] = "Registered Office Address";
+        BCFormationFormGroups2["Notification"] = "Notification";
         BCFormationFormGroups2["Directors"] = "Directors";
         BCFormationFormGroups2["SharesAndProvisions"] = "Shares and Provisions";
         BCFormationFormGroups2["Incorporators"] = "Incorporators";
@@ -84176,37 +84271,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }
   });
 
-  // src/app/constants/BritishColumbiaConstants.ts
-  var BCNameType, BCNameTypeLabel, BC_NUMBERED_NAME_PREVIEW, 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_CANADIAN_POSTAL_PATTERN, BC_NAME_RESERVATION_MAX_LENGTH, BC_NAME_RESERVATION_PATTERN, BC_COMPLETING_PARTY_COUNTRY_OPTIONS;
-  var init_BritishColumbiaConstants = __esm({
-    "src/app/constants/BritishColumbiaConstants.ts"() {
-      init_common_constants();
-      (function(BCNameType2) {
-        BCNameType2[BCNameType2["Numbered"] = 1] = "Numbered";
-        BCNameType2[BCNameType2["Named"] = 2] = "Named";
-      })(BCNameType || (BCNameType = {}));
-      BCNameTypeLabel = {
-        [BCNameType.Numbered]: "Numbered",
-        [BCNameType.Named]: "Named"
-      };
-      BC_NUMBERED_NAME_PREVIEW = "B.C. LTD.";
-      BC_DEFAULT_COUNTRY = "Canada";
-      BC_FUTURE_EFFECTIVE_DATE_FEE = "$100";
-      BC_PASSWORD_MIN_LENGTH = 8;
-      BC_PASSWORD_MAX_LENGTH = 15;
-      BC_PASSWORD_PATTERN = /^[A-Za-z0-9]+$/;
-      BC_COMPANY_EMAIL_MAX_LENGTH = 150;
-      BC_CANADIAN_POSTAL_PATTERN = /^[A-Za-z]\d[A-Za-z][ -]?\d[A-Za-z]\d$/;
-      BC_NAME_RESERVATION_MAX_LENGTH = 9;
-      BC_NAME_RESERVATION_PATTERN = /^(NR)?\d{1,7}$/i;
-      BC_COMPLETING_PARTY_COUNTRY_OPTIONS = [
-        "Canada",
-        "United States",
-        ...Object.keys(countryCodes).filter((name) => name !== "Canada" && name !== "United States").sort((a, b) => a.localeCompare(b))
-      ].map((name) => ({ value: name, label: name }));
-    }
-  });
-
   // src/app/helpers/mappers/british-columbia-formation.mapper.ts
   function buildBCFormationValidateRequest(task, deltaData) {
     const affiliations = task.entity.affiliations ?? [];
@@ -84323,11 +84387,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     const isIndividual = incorporator.type !== "entity";
     return {
       incorporatorType: isIndividual ? "individual" : "corporationOrFirm",
-      // Names are only accepted for an individual; a corporation or firm is identified by
-      // `corporationOrFirmName` (the API rejects first/last name otherwise).
-      firstName: isIndividual ? incorporator.firstName ?? "" : void 0,
+      // The API requires a first/last name for both types; for a corporation it is the signatory.
+      firstName: (isIndividual ? incorporator.firstName : incorporator.signatory_first_name) ?? "",
       middleName: isIndividual ? incorporator.middleName || void 0 : void 0,
-      lastName: isIndividual ? incorporator.lastName ?? "" : void 0,
+      lastName: (isIndividual ? incorporator.lastName : incorporator.signatory_last_name) ?? "",
       mailingAddress: mapAddress(incorporator),
       corporationOrFirmName: isIndividual ? void 0 : incorporator.incorporator_name
     };
@@ -84345,7 +84408,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         additionalStreetAddress: address?.addressLine2?.trim() || void 0,
         city: address?.city?.trim() ?? "",
         provinceOrState: toProvinceOrStateCode(address?.provinceState, country),
-        postalOrZipCode: normalizePostalCode(address?.postalZip, country),
+        postalOrZipCode: address?.postalZip?.trim() ?? "",
         country
       }
     };
@@ -84372,24 +84435,15 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     const streetNumber = getAddressComponent(address, "Street Number Only");
     const streetName = getAddressComponent(address, "Street Only");
     const suite = getAddressComponent(address, "Suite/Apartment");
-    const singleLineStreet = getAddressComponent(address, "Street Address");
     return {
-      streetAddress: [streetNumber, streetName].filter(Boolean).join(" ") || singleLineStreet || address?.street || "",
+      streetAddress: [streetNumber, streetName].filter(Boolean).join(" ") || address?.street || "",
       additionalStreetAddress: padShortAddressLine(suite || address?.address2),
       city: address?.city ?? "",
       provinceOrState: toProvinceOrStateCode(address?.province_state, country),
-      postalOrZipCode: normalizePostalCode(address?.postal_zip, country),
+      postalOrZipCode: address?.postal_zip ?? "",
       country
     };
   }
-  function normalizePostalCode(value, countryCode) {
-    const trimmed = (value ?? "").trim();
-    if (countryCode !== "CA") {
-      return trimmed;
-    }
-    const compact = trimmed.replace(/[\s-]+/g, "").toUpperCase();
-    return /^[A-Z]\d[A-Z]\d[A-Z]\d$/.test(compact) ? `${compact.slice(0, 3)} ${compact.slice(3)}` : trimmed;
-  }
   function toProvinceOrStateCode(value, countryCode) {
     const trimmed = (value ?? "").trim();
     if (!trimmed || trimmed.length === 2) {
@@ -84481,7 +84535,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   });
 
   // src/app/helpers/british-columbia/formation/british-columbia-formation-form.helper.ts
-  var ifNamed, ifCanada, BritishColumbiaFormationFormHelper;
+  var BritishColumbiaFormationFormHelper;
   var init_british_columbia_formation_form_helper = __esm({
     "src/app/helpers/british-columbia/formation/british-columbia-formation-form.helper.ts"() {
       init_forms();
@@ -84491,8 +84545,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_british_columbia_form_enums();
       init_custom_validators();
       init_BritishColumbiaConstants();
-      ifNamed = (validator) => (control) => control.parent?.get(BCFormationFormControls.CorporationNameType)?.value === BCNameType.Named ? validator(control) : null;
-      ifCanada = (validator) => (control) => control.parent?.get(BCFormationFormControls.Country)?.value === "Canada" ? validator(control) : null;
       BritishColumbiaFormationFormHelper = class {
         static generateConfig(task, translateFn, currentUser) {
           const t = translateFn ?? ((key) => key);
@@ -84524,6 +84576,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               disabled: true
             })
           });
+          config2[BCFormationFormGroups.Notification] = this.generateNotificationFormGroup(delta?.notification, companyEmail);
           config2[BCFormationFormGroups.CompletingParty] = this.generateCompletingPartyFormGroup(task, delta?.completingParty, currentUser);
           const directors = affiliations.filter((a) => isPrincipalAffiliation2(a) && a.role?.role_name === "Director" && // Same filters as the filing payload (buildBCFormationValidateRequest).
           a.status !== "inactive" && a.status !== "closed" && a._participant?.participant_type === "person");
@@ -84606,7 +84659,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           const streetNumber = getAddressComponent(address, "Street Number Only");
           const streetName = getAddressComponent(address, "Street Only");
           const suite = getAddressComponent(address, "Suite/Apartment");
-          const street = [streetNumber, streetName].filter(Boolean).join(" ") || getAddressComponent(address, "Street Address") || address.street || "";
+          const street = [streetNumber, streetName].filter(Boolean).join(" ") || address.street || "";
           return [
             suite ? `Unit ${suite}` : "",
             street,
@@ -84617,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 ?? ""),
@@ -84644,9 +84700,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             [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),
-              // The NR number is kept while hidden for Numbered, so its format rules apply to Named only.
-              ifNamed(Validators.maxLength(BC_NAME_RESERVATION_MAX_LENGTH)),
-              ifNamed(Validators.pattern(BC_NAME_RESERVATION_PATTERN))
+              Validators.maxLength(BC_NAME_RESERVATION_MAX_LENGTH),
+              Validators.pattern(BC_NAME_RESERVATION_PATTERN)
             ]),
             [BCFormationFormControls.RequestedDateForIncorporation]: new FormControl({
               value: requestedDate,
@@ -84671,6 +84726,21 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             [BCFormationFormControls.NameTranslations]: new FormArray(translationRows)
           });
         }
+        static generateNotificationFormGroup(deltaData, companyEmail) {
+          const requiredForMail = requiredIfValue(BCFormationFormControls.NotificationMethod, BCNotificationMethod.Mail);
+          const mailAddress = deltaData?.mailAddress;
+          return new FormGroup({
+            [BCFormationFormControls.NotificationMethod]: new FormControl(deltaData?.method ?? BCNotificationMethod.Email, Validators.required),
+            [BCFormationFormControls.NotificationEmail]: new FormControl(deltaData?.email ?? companyEmail),
+            [BCFormationFormControls.NotificationName]: new FormControl(deltaData?.name ?? "", requiredForMail),
+            [BCFormationFormControls.AddressLine1]: new FormControl(mailAddress?.addressLine1 ?? "", requiredForMail),
+            [BCFormationFormControls.AddressLine2]: new FormControl(mailAddress?.addressLine2 ?? ""),
+            [BCFormationFormControls.City]: new FormControl(mailAddress?.city ?? "", requiredForMail),
+            [BCFormationFormControls.ProvinceState]: new FormControl(mailAddress?.provinceState ?? BC_DEFAULT_PROVINCE_STATE, requiredForMail),
+            [BCFormationFormControls.PostalZip]: new FormControl(mailAddress?.postalZip ?? ""),
+            [BCFormationFormControls.Country]: new FormControl(mailAddress?.country ?? BC_DEFAULT_COUNTRY, requiredForMail)
+          });
+        }
         /**
          * Completing Party – the individual completing the Articles. Stays editable (saved as delta).
          * Prefilled, when no delta has been saved yet, from the logged-in user (`currentUser`, per the
@@ -84687,9 +84757,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             [BCFormationFormControls.AddressLine1]: new FormControl(mailAddress?.addressLine1 ?? prefill.mailingAddress.addressLine1, [Validators.required, Validators.minLength(3), Validators.maxLength(40)]),
             [BCFormationFormControls.AddressLine2]: new FormControl(mailAddress?.addressLine2 ?? prefill.mailingAddress.addressLine2, Validators.maxLength(40)),
             [BCFormationFormControls.City]: new FormControl(mailAddress?.city ?? prefill.mailingAddress.city, [Validators.required, Validators.maxLength(40)]),
-            // The API requires a province / state when the country is Canada or the United States.
-            [BCFormationFormControls.ProvinceState]: new FormControl(mailAddress?.provinceState ?? prefill.mailingAddress.provinceState, requiredIfValueIn(BCFormationFormControls.Country, ["Canada", "United States"])),
-            [BCFormationFormControls.PostalZip]: new FormControl(mailAddress?.postalZip ?? prefill.mailingAddress.postalZip, [Validators.required, Validators.maxLength(10), ifCanada(Validators.pattern(BC_CANADIAN_POSTAL_PATTERN))]),
+            [BCFormationFormControls.ProvinceState]: new FormControl(mailAddress?.provinceState ?? prefill.mailingAddress.provinceState),
+            [BCFormationFormControls.PostalZip]: new FormControl(mailAddress?.postalZip ?? prefill.mailingAddress.postalZip, [Validators.required, Validators.maxLength(10)]),
             [BCFormationFormControls.Country]: new FormControl(mailAddress?.country ?? (prefill.mailingAddress.country || BC_DEFAULT_COUNTRY), Validators.required),
             [BCFormationFormControls.HasConfirmedCompletion]: new FormControl(deltaData?.hasConfirmedCompletion ?? false, Validators.requiredTrue),
             [BCFormationFormControls.HasRequiredDocuments]: new FormControl(deltaData?.hasRequiredDocuments ?? false, Validators.requiredTrue)
@@ -84725,7 +84794,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             lastName: isPerson ? certified?.lastName ?? "" : "",
             email: certified?.email ?? "",
             mailingAddress: {
-              addressLine1: [streetNumber, streetName].filter(Boolean).join(" ") || getAddressComponent(address, "Street Address") || address?.street || "",
+              addressLine1: [streetNumber, streetName].filter(Boolean).join(" ") || address?.street || "",
               addressLine2: getAddressComponent(address, "Suite/Apartment") || address?.address2 || "",
               city: address?.city ?? "",
               provinceState: address?.province_state ?? "",
@@ -84783,8 +84852,1208 @@ 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))
+          ];
+          const fallbackDirectors = directors.length ? [] : this.generateDirectorFormGroupsFromChangeDirectors(task);
+          if (directors.length || fallbackDirectors.length) {
+            config2[BCChangeOfDirectorsFormGroups.Directors] = new FormArray(directors.length ? directors : fallbackDirectors);
+          }
+          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(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 generateDirectorFormGroupsFromChangeDirectors(task) {
+          const source = task.changeDirectors ?? task.deltaData?.changeDirectors ?? task.deltaData?.validatedData?.ChangeDirectors;
+          const currentDirectors = source?.Directors ?? source?.directors ?? [];
+          const addedDirectors = [
+            ...source?.AddedDirectors ?? [],
+            ...source?.AddDirector ?? [],
+            ...source?.addDirectors ?? []
+          ];
+          const ceasedDirectors = [
+            ...source?.CeasedDirectors ?? [],
+            ...source?.CeaseDirector ?? [],
+            ...source?.ceaseDirectors ?? []
+          ];
+          const editedDirectors = [
+            ...source?.EditedDirectors ?? [],
+            ...source?.EditDirector ?? [],
+            ...source?.editDirectors ?? []
+          ];
+          return [
+            ...currentDirectors.map((director) => this.generateDirectorFormGroupFromPayload(director, IRAffiliationType.Used)),
+            ...editedDirectors.map((director) => this.generateDirectorFormGroupFromPayload(director, IRAffiliationType.Update)),
+            ...ceasedDirectors.map((director) => this.generateDirectorFormGroupFromPayload(director, IRAffiliationType.Ceased)),
+            ...addedDirectors.map((director) => this.generateDirectorFormGroupFromPayload(director, IRAffiliationType.Add))
+          ];
+        }
+        static generateDirectorFormGroupFromPayload(director, affiliationType) {
+          const name = director?.PersonName ?? director?.personName ?? director;
+          return new FormGroup({
+            [Controls.Id]: new FormControl(director?.Id ?? director?.id ?? ""),
+            [Controls.AffiliationName]: this.readOnly(this.formatDirectorName(name?.FirstName ?? name?.firstName, name?.MiddleName ?? name?.middleName, name?.LastName ?? name?.lastName)),
+            [Controls.AffiliationType]: this.readOnly(affiliationType),
+            [Controls.MailingAddress]: this.readOnly(this.formatPayloadAddress(director)),
+            [Controls.DeliveryAddress]: this.readOnly(this.formatPayloadAddress(director))
+          });
+        }
+        static formatDirectorName(firstName, middleName, lastName) {
+          const givenNames = [firstName, middleName].filter(Boolean).join(" ");
+          return [lastName, givenNames].filter(Boolean).join(", ");
+        }
+        static formatPayloadAddress(director) {
+          const postalAddress = director?.PostalAddress ?? director?.postalAddress;
+          const address = postalAddress?.AddressCA ?? postalAddress?.AddressUS ?? postalAddress?.AddressINTL ?? director?.address ?? {};
+          return [
+            address.Address1 ?? address.address1,
+            address.Address2 ?? address.address2,
+            address.Address3 ?? address.address3,
+            address.CityTown ?? address.city,
+            address.RegionName ?? address.regionName ?? address.provinceState,
+            address.PostCode ?? address.postalZip,
+            address.CountryCodeName ?? address.country
+          ].filter((part) => Boolean(String(part ?? "").trim())).join(", ");
+        }
+        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_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)
+      ];
+      [
+        {
+          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_9_0;
+      let tmp_11_0;
+      let tmp_13_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_9_0 = corporationDetails_r4.get(ctx_r0.controls.CorporationName)) == null ? null : tmp_9_0.value, " ");
+      \u0275\u0275advance(3);
+      \u0275\u0275textInterpolate1("", \u0275\u0275pipeBind1(10, 10, "Incorporation Number"), ":");
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate1(" ", (tmp_11_0 = corporationDetails_r4.get(ctx_r0.controls.IncorporationNumber)) == null ? null : tmp_11_0.value, " ");
+      \u0275\u0275advance(3);
+      \u0275\u0275textInterpolate1("", \u0275\u0275pipeBind1(15, 12, "Company Email"), ":");
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate1(" ", (tmp_13_0 = corporationDetails_r4.get(ctx_r0.controls.CompanyEmail)) == null ? null : tmp_13_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("click", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Conditional_11_Template_input_click_8_listener() {
+        \u0275\u0275restoreView(_r7);
+        const changeDatePicker_r8 = \u0275\u0275reference(13);
+        return \u0275\u0275resetView(changeDatePicker_r8.open());
+      })("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_14_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_14_0 = filingDetails_r6.get(ctx_r0.controls.FilingFee)) == null ? null : tmp_14_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_7_0;
+        \u0275\u0275restoreView(_r5);
+        const ctx_r0 = \u0275\u0275nextContext();
+        const filingDetails_r6 = \u0275\u0275readContextLet(8);
+        (tmp_7_0 = filingDetails_r6.get(ctx_r0.controls.ChangeDate)) == null ? null : tmp_7_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_14_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_14_0 = filingDetails_r6.get(ctx_r0.controls.DirectorsAddedOrDeleted)) == null ? null : tmp_14_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_19_0;
+      let tmp_22_0;
+      let tmp_23_0;
+      \u0275\u0275nextContext();
+      const directorForm_r9 = \u0275\u0275readContextLet(0);
+      const ctx_r0 = \u0275\u0275nextContext(2);
+      \u0275\u0275advance(3);
+      \u0275\u0275textInterpolate((tmp_19_0 = directorForm_r9.get(ctx_r0.controls.AffiliationName)) == null ? null : tmp_19_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_22_0 = directorForm_r9.get(ctx_r0.controls.MailingAddress)) == null ? null : tmp_22_0.value);
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate((tmp_23_0 = directorForm_r9.get(ctx_r0.controls.DeliveryAddress)) == null ? null : tmp_23_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_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r13 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "expandable-card", 7)(1, "div", 30)(2, "p");
+      \u0275\u0275text(3);
+      \u0275\u0275pipe(4, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(5, "mat-radio-group", 31);
+      \u0275\u0275listener("change", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_16_Template_mat_radio_group_change_5_listener() {
+        \u0275\u0275restoreView(_r13);
+        const ctx_r0 = \u0275\u0275nextContext();
+        const annualReportReminder_r14 = \u0275\u0275readContextLet(15);
+        return \u0275\u0275resetView(ctx_r0.onSectionValidChange("annualReportReminder", annualReportReminder_r14.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_r14 = \u0275\u0275readContextLet(15);
+      \u0275\u0275property("isStatusIcon", !ctx_r0.readonly())("isValid", ctx_r0.sectionValidity["annualReportReminder"])("title", ctx_r0.groups.AnnualReportReminder);
+      \u0275\u0275advance();
+      \u0275\u0275property("formGroup", annualReportReminder_r14);
+      \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;
+        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;
+        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: 17, vars: 17, 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", "", "readonly", "", 3, "click", "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, "annual-reminder", 3, "formGroup"], [3, "change", "formControlName"], [3, "value"]], 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, 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_r15 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.ReferenceNumbers));
+            \u0275\u0275advance();
+            \u0275\u0275conditional(referenceNumbers_r15 ? 5 : -1);
+            \u0275\u0275advance();
+            const corporationDetails_r16 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.CorporationDetails));
+            \u0275\u0275advance();
+            \u0275\u0275conditional(corporationDetails_r16 ? 7 : -1);
+            \u0275\u0275advance();
+            const filingDetails_r17 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.FilingDetails));
+            \u0275\u0275advance();
+            \u0275\u0275conditional(filingDetails_r17 ? 9 : -1);
+            \u0275\u0275advance();
+            const directorsArray_r18 = \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_r18 && directorsArray_r18.length ? 13 : 14);
+            \u0275\u0275advance(2);
+            const annualReportReminder_r19 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.AnnualReportReminder));
+            \u0275\u0275advance();
+            \u0275\u0275conditional(annualReportReminder_r19 ? 16 : -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: 20px;\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: 24px 28px !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: 20px !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  font-size: 14px !important;\n  line-height: 1.45;\n}\n[_nghost-%COMP%]     .mat-mdc-radio-button, \n[_nghost-%COMP%]     .mat-mdc-checkbox {\n  --mdc-radio-state-layer-size: 40px;\n  --mdc-checkbox-state-layer-size: 40px;\n}\n[_nghost-%COMP%]     .mat-mdc-form-field {\n  width: 100%;\n}\n[_nghost-%COMP%]     .mat-mdc-text-field-wrapper {\n  min-height: 46px;\n}\n[_nghost-%COMP%]     .mat-mdc-form-field-infix {\n  align-items: center;\n  display: flex !important;\n  min-height: 46px;\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  font-size: 14px;\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%]   .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  font-size: 14px;\n  line-height: 1.55;\n  padding: 16px 20px;\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: 4px;\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  font-size: 14px;\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  font-size: 14px;\n  line-height: 1.5;\n  margin: 0;\n}\n[_nghost-%COMP%]   .filing-fee[_ngcontent-%COMP%] {\n  color: #4b5563;\n  font-size: 14px;\n  line-height: 1.35;\n  margin: 46px 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  font-size: 14px;\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: 16px 24px;\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: 8px;\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: 6px 12px;\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%]   .date-field[_ngcontent-%COMP%]     .mat-mdc-form-field-icon-suffix {\n  align-items: center;\n  display: flex;\n  padding-right: 8px;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]     .mat-datepicker-toggle {\n  color: #4b5563;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]     .mat-datepicker-toggle button {\n  --mdc-icon-button-state-layer-size: 36px;\n  height: 36px;\n  padding: 6px;\n  width: 36px;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]     .mat-datepicker-toggle .mat-icon {\n  color: #4b5563 !important;\n  font-size: 20px;\n  height: 20px;\n  line-height: 20px;\n  width: 20px;\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"
+                    readonly
+                    (click)="changeDatePicker.open()"
+                    (dateChange)="onSectionValidChange('filingDetails', filingDetails.valid)"
+                  />
+                  <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 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: 20px;\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: 24px 28px !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: 20px !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  font-size: 14px !important;\n  line-height: 1.45;\n}\n:host ::ng-deep .mat-mdc-radio-button,\n:host ::ng-deep .mat-mdc-checkbox {\n  --mdc-radio-state-layer-size: 40px;\n  --mdc-checkbox-state-layer-size: 40px;\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: 46px;\n}\n:host ::ng-deep .mat-mdc-form-field-infix {\n  align-items: center;\n  display: flex !important;\n  min-height: 46px;\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  font-size: 14px;\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 .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  font-size: 14px;\n  line-height: 1.55;\n  padding: 16px 20px;\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: 4px;\n}\n:host .date-field label,\n:host .email-field label {\n  color: #4b5563;\n  font-size: 14px;\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  font-size: 14px;\n  line-height: 1.5;\n  margin: 0;\n}\n:host .filing-fee {\n  color: #4b5563;\n  font-size: 14px;\n  line-height: 1.35;\n  margin: 46px 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  font-size: 14px;\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: 16px 24px;\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: 8px;\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: 6px 12px;\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 .date-field ::ng-deep .mat-mdc-form-field-icon-suffix {\n  align-items: center;\n  display: flex;\n  padding-right: 8px;\n}\n:host .date-field ::ng-deep .mat-datepicker-toggle {\n  color: #4b5563;\n}\n:host .date-field ::ng-deep .mat-datepicker-toggle button {\n  --mdc-icon-button-state-layer-size: 36px;\n  height: 36px;\n  padding: 6px;\n  width: 36px;\n}\n:host .date-field ::ng-deep .mat-datepicker-toggle .mat-icon {\n  color: #4b5563 !important;\n  font-size: 20px;\n  height: 20px;\n  line-height: 20px;\n  width: 20px;\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: 64 });
+      })();
+    }
+  });
+
+  // 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, 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_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();
@@ -84792,8 +86061,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;
+      isNotifyByMail2 = (form) => form.get(BCFormationFormControls.NotificationMethod)?.value === BCNotificationMethod.Mail;
       BC_FORMATION_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS = [
         {
           type: FormType.Input,
@@ -84815,6 +86085,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           options: BC_NAME_TYPE_OPTIONS,
           needTranslate: true,
           onChange: (form) => {
+            if (!isNamed(form)) {
+              form.get(BCFormationFormControls.CompanyName)?.setValue("", { emitEvent: false });
+              form.get(BCFormationFormControls.NameReservationNumber)?.setValue("", { emitEvent: false });
+            }
             form.get(BCFormationFormControls.CompanyName)?.updateValueAndValidity({ emitEvent: false });
             form.get(BCFormationFormControls.NameReservationNumber)?.updateValueAndValidity({ emitEvent: false });
           }
@@ -84823,13 +86097,17 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           type: FormType.Text,
           formControlName: "",
           class: "span-6 beside-select",
-          // Numbered only: a Named company shows no preview of the typed name.
-          isVisible: (form) => !isNamed(form),
-          dynamicLabel: () => BC_NUMBERED_NAME_PREVIEW
+          dynamicLabel: (form, t) => {
+            if (!isNamed(form)) {
+              return BC_NUMBERED_NAME_PREVIEW;
+            }
+            const companyName = form.get(BCFormationFormControls.CompanyName)?.value ?? "";
+            return companyName.trim() ? companyName.trim().toUpperCase() : t("Name preview \u2014 appears exactly as entered");
+          }
         },
         {
           type: FormType.Input,
-          label: "Proposed Corporate Name",
+          label: "Company Name",
           formControlName: BCFormationFormControls.CompanyName,
           required: true,
           isVisible: isNamed,
@@ -84837,12 +86115,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         },
         {
           type: FormType.Input,
-          label: "Name Reservation #",
+          label: "Name Reservation (NR) Number",
           formControlName: BCFormationFormControls.NameReservationNumber,
           required: true,
           maxLength: 9,
           errorMessage: "Enter a valid Name Reservation number (for example NR1234567)",
-          showRequiredMessage: true,
           isVisible: isNamed,
           class: "span-6"
         },
@@ -84850,7 +86127,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,
@@ -84867,7 +86144,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           required: true,
           maxLength: BC_COMPANY_EMAIL_MAX_LENGTH,
           errorMessage: "Enter a valid email address",
-          showRequiredMessage: true,
           class: "span-6"
         },
         {
@@ -84878,7 +86154,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           required: true,
           maxLength: BC_PASSWORD_MAX_LENGTH,
           errorMessage: "Company Password must be 8 to 15 characters",
-          showRequiredMessage: true,
           class: "span-6"
         }
       ];
@@ -84924,13 +86199,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 = [
@@ -84938,13 +86213,109 @@ 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 = isNotifyByMail2(form);
+            if (!byMail) {
+              [
+                BCFormationFormControls.NotificationName,
+                BCFormationFormControls.AddressLine1,
+                BCFormationFormControls.AddressLine2,
+                BCFormationFormControls.City,
+                BCFormationFormControls.PostalZip
+              ].forEach((control) => form.get(control)?.setValue("", { emitEvent: false }));
+              form.get(BCFormationFormControls.ProvinceState)?.setValue(BC_DEFAULT_PROVINCE_STATE, { emitEvent: false });
+              form.get(BCFormationFormControls.Country)?.setValue(BC_DEFAULT_COUNTRY, { emitEvent: false });
+            }
+            [
+              BCFormationFormControls.NotificationEmail,
+              BCFormationFormControls.NotificationName,
+              BCFormationFormControls.AddressLine1,
+              BCFormationFormControls.City,
+              BCFormationFormControls.ProvinceState,
+              BCFormationFormControls.Country
+            ].forEach((control) => form.get(control)?.updateValueAndValidity({ emitEvent: false }));
+          }
+        },
+        {
+          type: FormType.Input,
+          label: "Notification Email",
+          formControlName: BCFormationFormControls.NotificationEmail,
+          isVisible: (form) => !isNotifyByMail2(form),
+          class: "column-3"
+        },
+        {
+          type: FormType.Input,
+          label: "Name",
+          formControlName: BCFormationFormControls.NotificationName,
+          required: true,
+          isVisible: isNotifyByMail2,
+          class: "column-3"
+        },
+        {
+          type: FormType.Input,
+          label: "Address Line 1",
+          formControlName: BCFormationFormControls.AddressLine1,
+          required: true,
+          isVisible: isNotifyByMail2,
+          class: "column-3"
+        },
+        {
+          type: FormType.Input,
+          label: "Address Line 2",
+          formControlName: BCFormationFormControls.AddressLine2,
+          isVisible: isNotifyByMail2,
+          class: "column-3"
+        },
+        {
+          type: FormType.Input,
+          label: "City",
+          formControlName: BCFormationFormControls.City,
+          required: true,
+          isVisible: isNotifyByMail2,
+          class: "column-2"
+        },
+        {
+          type: FormType.Select,
+          label: "Province / State",
+          formControlName: BCFormationFormControls.ProvinceState,
+          required: true,
+          isVisible: isNotifyByMail2,
+          options: BC_PROVINCE_STATE_OPTIONS,
+          class: "span-4"
+        },
+        {
+          type: FormType.Input,
+          label: "Postal / Zip Code",
+          formControlName: BCFormationFormControls.PostalZip,
+          isVisible: isNotifyByMail2,
+          class: "column-2"
+        },
+        {
+          type: FormType.Select,
+          label: "Country",
+          formControlName: BCFormationFormControls.Country,
+          required: true,
+          isVisible: isNotifyByMail2,
+          options: BC_COUNTRY_OPTIONS,
+          class: "span-4"
         }
       ];
       BC_FORMATION_DELTA_CARD_FORM_COMPLETING_PARTY_FIELDS = [
@@ -84975,7 +86346,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           formControlName: BCFormationFormControls.CompletingPartyEmail,
           required: true,
           errorMessage: "Enter a valid email address",
-          showRequiredMessage: true,
           class: "column-3"
         },
         {
@@ -85015,8 +86385,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           label: "Postal / Zip Code",
           formControlName: BCFormationFormControls.PostalZip,
           required: true,
-          errorMessage: "Enter a valid Canadian postal code (for example V8W 1X4)",
-          showRequiredMessage: true,
           class: "column-2"
         },
         {
@@ -85025,11 +86393,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           formControlName: BCFormationFormControls.Country,
           required: true,
           options: BC_COMPLETING_PARTY_COUNTRY_OPTIONS,
-          class: "span-4",
-          // Province / State is required for Canada and the US, and the postal code format is Canada-only.
-          onChange: (form) => {
-            [BCFormationFormControls.ProvinceState, BCFormationFormControls.PostalZip].forEach((control) => form.get(control)?.updateValueAndValidity({ emitEvent: false }));
-          }
+          class: "span-4"
         },
         {
           type: FormType.Checkbox,
@@ -85053,13 +86417,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 = [
@@ -85067,7 +86431,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)
         }
       ];
     }
@@ -85271,18 +86635,37 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", registeredOfficeForm_r12)("config", ctx_r0.recordsOfficeFields);
     }
   }
-  function BritishColumbiaIncorporationFormComponent_Conditional_12_Template(rf, ctx) {
+  function BritishColumbiaIncorporationFormComponent_Conditional_11_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r13 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "expandable-card", 5)(1, "div", 8)(2, "filing-form-group", 9);
+      \u0275\u0275listener("visiblyValidChange", function BritishColumbiaIncorporationFormComponent_Conditional_11_Template_filing_form_group_visiblyValidChange_2_listener($event) {
+        \u0275\u0275restoreView(_r13);
+        const ctx_r0 = \u0275\u0275nextContext();
+        return \u0275\u0275resetView(ctx_r0.onSectionValidChange("notification", $event));
+      });
+      \u0275\u0275elementEnd()()();
+    }
+    if (rf & 2) {
+      const ctx_r0 = \u0275\u0275nextContext();
+      const notification_r14 = \u0275\u0275readContextLet(10);
+      \u0275\u0275property("isValid", ctx_r0.sectionValidity["notification"])("isStatusIcon", ctx_r0.statusIcon())("title", ctx_r0.groups.Notification);
+      \u0275\u0275advance(2);
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", notification_r14)("config", ctx_r0.notificationFields);
+    }
+  }
+  function BritishColumbiaIncorporationFormComponent_Conditional_14_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275element(0, "expandable-list-card", 7);
     }
     if (rf & 2) {
       const ctx_r0 = \u0275\u0275nextContext();
-      const directorsArray_r13 = \u0275\u0275readContextLet(10);
-      const isOpenDirectors_r14 = \u0275\u0275readContextLet(11);
-      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("isValid", true)("areItemsOpen", isOpenDirectors_r14)("isStatusIcon", false)("fields", ctx_r0.directorsFields)("formArray", directorsArray_r13)("title", ctx_r0.groups.Directors);
+      const directorsArray_r15 = \u0275\u0275readContextLet(12);
+      const isOpenDirectors_r16 = \u0275\u0275readContextLet(13);
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("isValid", true)("areItemsOpen", isOpenDirectors_r16)("isStatusIcon", false)("fields", ctx_r0.directorsFields)("formArray", directorsArray_r15)("title", ctx_r0.groups.Directors);
     }
   }
-  function BritishColumbiaIncorporationFormComponent_Conditional_13_Template(rf, ctx) {
+  function BritishColumbiaIncorporationFormComponent_Conditional_15_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "expandable-card", 4)(1, "h2", 21);
       \u0275\u0275text(2);
@@ -85296,7 +86679,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(3, 2, "Unchanged"));
     }
   }
-  function BritishColumbiaIncorporationFormComponent_Conditional_15_Conditional_1_For_21_Template(rf, ctx) {
+  function BritishColumbiaIncorporationFormComponent_Conditional_17_Conditional_1_For_21_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "tr", 21)(1, "th", 27);
       \u0275\u0275text(2);
@@ -85318,22 +86701,22 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275elementEnd()();
     }
     if (rf & 2) {
-      let tmp_24_0;
-      const row_r15 = ctx.$implicit;
-      \u0275\u0275classProp("series", row_r15.isSeries);
+      let tmp_25_0;
+      const row_r17 = ctx.$implicit;
+      \u0275\u0275classProp("series", row_r17.isSeries);
       \u0275\u0275advance(2);
-      \u0275\u0275textInterpolate(row_r15.name);
+      \u0275\u0275textInterpolate(row_r17.name);
       \u0275\u0275advance(2);
-      \u0275\u0275textInterpolate1(" ", row_r15.maximumShares === null ? \u0275\u0275pipeBind1(5, 7, "Unlimited") : row_r15.maximumShares || "\u2014", " ");
+      \u0275\u0275textInterpolate1(" ", row_r17.maximumShares === null ? \u0275\u0275pipeBind1(5, 7, "Unlimited") : row_r17.maximumShares || "\u2014", " ");
       \u0275\u0275advance(3);
-      \u0275\u0275textInterpolate((tmp_24_0 = row_r15.parValue) !== null && tmp_24_0 !== void 0 ? tmp_24_0 : \u0275\u0275pipeBind1(8, 9, "Without Par Value"));
+      \u0275\u0275textInterpolate((tmp_25_0 = row_r17.parValue) !== null && tmp_25_0 !== void 0 ? tmp_25_0 : \u0275\u0275pipeBind1(8, 9, "Without Par Value"));
       \u0275\u0275advance(3);
-      \u0275\u0275textInterpolate(row_r15.currency || "\u2014");
+      \u0275\u0275textInterpolate(row_r17.currency || "\u2014");
       \u0275\u0275advance(2);
-      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(13, 11, row_r15.hasSpecialRights ? "Yes" : "No"));
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(13, 11, row_r17.hasSpecialRights ? "Yes" : "No"));
     }
   }
-  function BritishColumbiaIncorporationFormComponent_Conditional_15_Conditional_1_Template(rf, ctx) {
+  function BritishColumbiaIncorporationFormComponent_Conditional_17_Conditional_1_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "div", 22)(1, "table", 23)(2, "thead")(3, "tr", 18)(4, "th", 24);
       \u0275\u0275text(5);
@@ -85356,7 +86739,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275pipe(18, "translate");
       \u0275\u0275elementEnd()()();
       \u0275\u0275elementStart(19, "tbody");
-      \u0275\u0275repeaterCreate(20, BritishColumbiaIncorporationFormComponent_Conditional_15_Conditional_1_For_21_Template, 14, 13, "tr", 26, _forTrack04);
+      \u0275\u0275repeaterCreate(20, BritishColumbiaIncorporationFormComponent_Conditional_17_Conditional_1_For_21_Template, 14, 13, "tr", 26, _forTrack04);
       \u0275\u0275elementEnd()()();
     }
     if (rf & 2) {
@@ -85375,7 +86758,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275repeater(ctx_r0.shareRows());
     }
   }
-  function BritishColumbiaIncorporationFormComponent_Conditional_15_Conditional_2_Template(rf, ctx) {
+  function BritishColumbiaIncorporationFormComponent_Conditional_17_Conditional_2_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "p", 21);
       \u0275\u0275text(1);
@@ -85387,10 +86770,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(2, 1, "None"));
     }
   }
-  function BritishColumbiaIncorporationFormComponent_Conditional_15_Template(rf, ctx) {
+  function BritishColumbiaIncorporationFormComponent_Conditional_17_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "expandable-card", 6);
-      \u0275\u0275template(1, BritishColumbiaIncorporationFormComponent_Conditional_15_Conditional_1_Template, 22, 15, "div", 22)(2, BritishColumbiaIncorporationFormComponent_Conditional_15_Conditional_2_Template, 3, 3, "p", 21);
+      \u0275\u0275template(1, BritishColumbiaIncorporationFormComponent_Conditional_17_Conditional_1_Template, 22, 15, "div", 22)(2, BritishColumbiaIncorporationFormComponent_Conditional_17_Conditional_2_Template, 3, 3, "p", 21);
       \u0275\u0275elementEnd();
     }
     if (rf & 2) {
@@ -85400,18 +86783,18 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275conditional(ctx_r0.shareRows().length ? 1 : 2);
     }
   }
-  function BritishColumbiaIncorporationFormComponent_Conditional_18_Template(rf, ctx) {
+  function BritishColumbiaIncorporationFormComponent_Conditional_20_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275element(0, "expandable-list-card", 7);
     }
     if (rf & 2) {
       const ctx_r0 = \u0275\u0275nextContext();
-      const incorporatorsArray_r16 = \u0275\u0275readContextLet(16);
-      const isOpenIncorporators_r17 = \u0275\u0275readContextLet(17);
-      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("isValid", true)("areItemsOpen", isOpenIncorporators_r17)("isStatusIcon", false)("fields", ctx_r0.incorporatorsFields)("formArray", incorporatorsArray_r16)("title", ctx_r0.groups.Incorporators);
+      const incorporatorsArray_r18 = \u0275\u0275readContextLet(18);
+      const isOpenIncorporators_r19 = \u0275\u0275readContextLet(19);
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("isValid", true)("areItemsOpen", isOpenIncorporators_r19)("isStatusIcon", false)("fields", ctx_r0.incorporatorsFields)("formArray", incorporatorsArray_r18)("title", ctx_r0.groups.Incorporators);
     }
   }
-  function BritishColumbiaIncorporationFormComponent_Conditional_19_Template(rf, ctx) {
+  function BritishColumbiaIncorporationFormComponent_Conditional_21_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "expandable-card", 4)(1, "h2", 21);
       \u0275\u0275text(2);
@@ -85425,12 +86808,12 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(3, 2, "Unchanged"));
     }
   }
-  function BritishColumbiaIncorporationFormComponent_Conditional_21_Template(rf, ctx) {
+  function BritishColumbiaIncorporationFormComponent_Conditional_23_Template(rf, ctx) {
     if (rf & 1) {
-      const _r18 = \u0275\u0275getCurrentView();
+      const _r20 = \u0275\u0275getCurrentView();
       \u0275\u0275elementStart(0, "expandable-card", 5)(1, "div", 8)(2, "filing-form-group", 9);
-      \u0275\u0275listener("visiblyValidChange", function BritishColumbiaIncorporationFormComponent_Conditional_21_Template_filing_form_group_visiblyValidChange_2_listener($event) {
-        \u0275\u0275restoreView(_r18);
+      \u0275\u0275listener("visiblyValidChange", function BritishColumbiaIncorporationFormComponent_Conditional_23_Template_filing_form_group_visiblyValidChange_2_listener($event) {
+        \u0275\u0275restoreView(_r20);
         const ctx_r0 = \u0275\u0275nextContext();
         return \u0275\u0275resetView(ctx_r0.onSectionValidChange("completingParty", $event));
       });
@@ -85438,10 +86821,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }
     if (rf & 2) {
       const ctx_r0 = \u0275\u0275nextContext();
-      const completingParty_r19 = \u0275\u0275readContextLet(20);
+      const completingParty_r21 = \u0275\u0275readContextLet(22);
       \u0275\u0275property("isValid", ctx_r0.sectionValidity["completingParty"])("isStatusIcon", ctx_r0.statusIcon())("title", ctx_r0.groups.CompletingParty);
       \u0275\u0275advance(2);
-      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", completingParty_r19)("config", ctx_r0.completingPartyFields);
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", completingParty_r21)("config", ctx_r0.completingPartyFields);
     }
   }
   var _forTrack04, BritishColumbiaIncorporationFormComponent;
@@ -85479,6 +86862,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         nameTranslationRowFields = BC_FORMATION_DELTA_CARD_FORM_NAME_TRANSLATION_ROW_FIELDS;
         registeredOfficeFields = BC_FORMATION_CARD_FORM_REGISTERED_OFFICE_FIELDS;
         recordsOfficeFields = BC_FORMATION_CARD_FORM_RECORDS_OFFICE_FIELDS;
+        notificationFields = BC_FORMATION_DELTA_CARD_FORM_NOTIFICATION_FIELDS;
         directorsFields = BC_FORMATION_CARD_FORM_DIRECTORS_FIELDS;
         /** Shares and Provisions table rows – same records and order as the eCore payload. */
         shareRows = computed(() => BritishColumbiaFormationFormHelper.buildShareStructureRows(this.task()?.entity.shareclasses));
@@ -85535,7 +86919,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         static \u0275fac = function BritishColumbiaIncorporationFormComponent_Factory(__ngFactoryType__) {
           return new (__ngFactoryType__ || _BritishColumbiaIncorporationFormComponent)();
         };
-        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaIncorporationFormComponent, selectors: [["british-columbia-incorporation-form"]], inputs: { form: [1, "form"], task: [1, "task"], errors: [1, "errors"], isNote: [1, "isNote"], statusIcon: [1, "statusIcon"], isSubmitted: [1, "isSubmitted"] }, outputs: { visiblyValidChange: "visiblyValidChange" }, decls: 22, vars: 17, consts: [[1, "incorporation-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, "incorporation-form-content"], [3, "title"], [3, "isValid", "isStatusIcon", "title"], [3, "isStatusIcon", "title"], [3, "isSubmitted", "isValid", "areItemsOpen", "isStatusIcon", "fields", "formArray", "title"], [1, "incorporation-form-item"], [3, "visiblyValidChange", "isSubmitted", "form", "config"], [1, "incorporation-form-item-title"], [1, "incorporation-form-translations"], [1, "incorporation-form-translations-row"], ["role", "alert", 1, "incorporation-form-translations-error", "body-1-regular"], [1, "incorporation-form-translations-actions"], [1, "incorporation-form-translations-row-field", 3, "visiblyValidChange", "isSubmitted", "form", "config"], ["mat-button", "", "type", "button"], ["mat-button", "", "type", "button", 3, "click"], [1, "body-1-semibold"], ["mat-stroked-button", "", "type", "button", 3, "click"], [3, "isSubmitted", "form", "config"], [1, "body-1-regular"], [1, "incorporation-form-shares"], [1, "incorporation-form-shares-table"], ["scope", "col"], ["scope", "col", 1, "numeric"], [1, "body-1-regular", 3, "series"], ["scope", "row", 1, "body-1-semibold"], [1, "numeric"]], template: function BritishColumbiaIncorporationFormComponent_Template(rf, ctx) {
+        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaIncorporationFormComponent, selectors: [["british-columbia-incorporation-form"]], inputs: { form: [1, "form"], task: [1, "task"], errors: [1, "errors"], isNote: [1, "isNote"], statusIcon: [1, "statusIcon"], isSubmitted: [1, "isSubmitted"] }, outputs: { visiblyValidChange: "visiblyValidChange" }, decls: 24, vars: 19, consts: [[1, "incorporation-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, "incorporation-form-content"], [3, "title"], [3, "isValid", "isStatusIcon", "title"], [3, "isStatusIcon", "title"], [3, "isSubmitted", "isValid", "areItemsOpen", "isStatusIcon", "fields", "formArray", "title"], [1, "incorporation-form-item"], [3, "visiblyValidChange", "isSubmitted", "form", "config"], [1, "incorporation-form-item-title"], [1, "incorporation-form-translations"], [1, "incorporation-form-translations-row"], ["role", "alert", 1, "incorporation-form-translations-error", "body-1-regular"], [1, "incorporation-form-translations-actions"], [1, "incorporation-form-translations-row-field", 3, "visiblyValidChange", "isSubmitted", "form", "config"], ["mat-button", "", "type", "button"], ["mat-button", "", "type", "button", 3, "click"], [1, "body-1-semibold"], ["mat-stroked-button", "", "type", "button", 3, "click"], [3, "isSubmitted", "form", "config"], [1, "body-1-regular"], [1, "incorporation-form-shares"], [1, "incorporation-form-shares-table"], ["scope", "col"], ["scope", "col", 1, "numeric"], [1, "body-1-regular", 3, "series"], ["scope", "row", 1, "body-1-semibold"], [1, "numeric"]], template: function BritishColumbiaIncorporationFormComponent_Template(rf, ctx) {
           if (rf & 1) {
             \u0275\u0275elementStart(0, "div", 0);
             \u0275\u0275template(1, BritishColumbiaIncorporationFormComponent_Conditional_1_Template, 1, 1, "alert", 1)(2, BritishColumbiaIncorporationFormComponent_Conditional_2_Template, 1, 1, "alert", 2);
@@ -85546,54 +86930,60 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             \u0275\u0275template(7, BritishColumbiaIncorporationFormComponent_Conditional_7_Template, 8, 13, "expandable-card", 5);
             \u0275\u0275declareLet(8);
             \u0275\u0275template(9, BritishColumbiaIncorporationFormComponent_Conditional_9_Template, 7, 11, "expandable-card", 6);
-            \u0275\u0275declareLet(10)(11);
-            \u0275\u0275template(12, BritishColumbiaIncorporationFormComponent_Conditional_12_Template, 1, 7, "expandable-list-card", 7)(13, BritishColumbiaIncorporationFormComponent_Conditional_13_Template, 4, 4, "expandable-card", 4);
-            \u0275\u0275declareLet(14);
-            \u0275\u0275template(15, BritishColumbiaIncorporationFormComponent_Conditional_15_Template, 3, 3, "expandable-card", 6);
-            \u0275\u0275declareLet(16)(17);
-            \u0275\u0275template(18, BritishColumbiaIncorporationFormComponent_Conditional_18_Template, 1, 7, "expandable-list-card", 7)(19, BritishColumbiaIncorporationFormComponent_Conditional_19_Template, 4, 4, "expandable-card", 4);
-            \u0275\u0275declareLet(20);
-            \u0275\u0275template(21, BritishColumbiaIncorporationFormComponent_Conditional_21_Template, 3, 6, "expandable-card", 5);
+            \u0275\u0275declareLet(10);
+            \u0275\u0275template(11, BritishColumbiaIncorporationFormComponent_Conditional_11_Template, 3, 6, "expandable-card", 5);
+            \u0275\u0275declareLet(12)(13);
+            \u0275\u0275template(14, BritishColumbiaIncorporationFormComponent_Conditional_14_Template, 1, 7, "expandable-list-card", 7)(15, BritishColumbiaIncorporationFormComponent_Conditional_15_Template, 4, 4, "expandable-card", 4);
+            \u0275\u0275declareLet(16);
+            \u0275\u0275template(17, BritishColumbiaIncorporationFormComponent_Conditional_17_Template, 3, 3, "expandable-card", 6);
+            \u0275\u0275declareLet(18)(19);
+            \u0275\u0275template(20, BritishColumbiaIncorporationFormComponent_Conditional_20_Template, 1, 7, "expandable-list-card", 7)(21, BritishColumbiaIncorporationFormComponent_Conditional_21_Template, 4, 4, "expandable-card", 4);
+            \u0275\u0275declareLet(22);
+            \u0275\u0275template(23, BritishColumbiaIncorporationFormComponent_Conditional_23_Template, 3, 6, "expandable-card", 5);
             \u0275\u0275elementEnd()();
           }
           if (rf & 2) {
-            let tmp_9_0;
-            let tmp_14_0;
+            let tmp_11_0;
+            let tmp_16_0;
             \u0275\u0275advance();
             \u0275\u0275conditional(ctx.isNote() ? 1 : -1);
             \u0275\u0275advance();
             \u0275\u0275conditional(ctx.errors().length ? 2 : -1);
             \u0275\u0275advance(2);
-            const referenceNumbers_r20 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.ReferenceNumbers));
+            const referenceNumbers_r22 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.ReferenceNumbers));
             \u0275\u0275advance();
-            \u0275\u0275conditional(referenceNumbers_r20 ? 5 : -1);
+            \u0275\u0275conditional(referenceNumbers_r22 ? 5 : -1);
             \u0275\u0275advance();
-            const corporationDetails_r21 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.CorporationDetails));
+            const corporationDetails_r23 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.CorporationDetails));
             \u0275\u0275advance();
-            \u0275\u0275conditional(corporationDetails_r21 ? 7 : -1);
+            \u0275\u0275conditional(corporationDetails_r23 ? 7 : -1);
             \u0275\u0275advance();
-            const registeredOfficeForm_r22 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.RegisteredOfficeAddress));
+            const registeredOfficeForm_r24 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.RegisteredOfficeAddress));
             \u0275\u0275advance();
-            \u0275\u0275conditional(registeredOfficeForm_r22 ? 9 : -1);
+            \u0275\u0275conditional(registeredOfficeForm_r24 ? 9 : -1);
             \u0275\u0275advance();
-            const directorsArray_r23 = \u0275\u0275storeLet(ctx.getFormArray(ctx.groups.Directors));
+            const notification_r25 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.Notification));
             \u0275\u0275advance();
-            \u0275\u0275storeLet(((tmp_9_0 = directorsArray_r23 == null ? null : directorsArray_r23.length) !== null && tmp_9_0 !== void 0 ? tmp_9_0 : 0) <= ctx.initiallyOpenCardsCount);
+            \u0275\u0275conditional(notification_r25 ? 11 : -1);
             \u0275\u0275advance();
-            \u0275\u0275conditional(directorsArray_r23 && directorsArray_r23.length ? 12 : 13);
-            const sharesAndProvisions_r24 = ctx.getFormGroup(ctx.groups.SharesAndProvisions);
+            const directorsArray_r26 = \u0275\u0275storeLet(ctx.getFormArray(ctx.groups.Directors));
+            \u0275\u0275advance();
+            \u0275\u0275storeLet(((tmp_11_0 = directorsArray_r26 == null ? null : directorsArray_r26.length) !== null && tmp_11_0 !== void 0 ? tmp_11_0 : 0) <= ctx.initiallyOpenCardsCount);
+            \u0275\u0275advance();
+            \u0275\u0275conditional(directorsArray_r26 && directorsArray_r26.length ? 14 : 15);
+            const sharesAndProvisions_r27 = ctx.getFormGroup(ctx.groups.SharesAndProvisions);
             \u0275\u0275advance(3);
-            \u0275\u0275conditional(sharesAndProvisions_r24 ? 15 : -1);
+            \u0275\u0275conditional(sharesAndProvisions_r27 ? 17 : -1);
             \u0275\u0275advance();
-            const incorporatorsArray_r25 = \u0275\u0275storeLet(ctx.getFormArray(ctx.groups.Incorporators));
+            const incorporatorsArray_r28 = \u0275\u0275storeLet(ctx.getFormArray(ctx.groups.Incorporators));
             \u0275\u0275advance();
-            \u0275\u0275storeLet(((tmp_14_0 = incorporatorsArray_r25 == null ? null : incorporatorsArray_r25.length) !== null && tmp_14_0 !== void 0 ? tmp_14_0 : 0) <= ctx.initiallyOpenCardsCount);
+            \u0275\u0275storeLet(((tmp_16_0 = incorporatorsArray_r28 == null ? null : incorporatorsArray_r28.length) !== null && tmp_16_0 !== void 0 ? tmp_16_0 : 0) <= ctx.initiallyOpenCardsCount);
             \u0275\u0275advance();
-            \u0275\u0275conditional(incorporatorsArray_r25 && incorporatorsArray_r25.length ? 18 : 19);
+            \u0275\u0275conditional(incorporatorsArray_r28 && incorporatorsArray_r28.length ? 20 : 21);
             \u0275\u0275advance(2);
-            const completingParty_r26 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.CompletingParty));
+            const completingParty_r29 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.CompletingParty));
             \u0275\u0275advance();
-            \u0275\u0275conditional(completingParty_r26 ? 21 : -1);
+            \u0275\u0275conditional(completingParty_r29 ? 23 : -1);
           }
         }, dependencies: [
           ExpandableCardComponent,
@@ -85748,6 +87138,25 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         </div>\r
       </expandable-card>\r
     }\r
+\r
+    @let notification = getFormGroup(groups.Notification);\r
+\r
+    @if (notification) {\r
+      <expandable-card\r
+        [isValid]="sectionValidity['notification']"\r
+        [isStatusIcon]="statusIcon()"\r
+        [title]="groups.Notification"\r
+      >\r
+        <div class="incorporation-form-item">\r
+          <filing-form-group\r
+            [isSubmitted]="isSubmitted()"\r
+            [form]="notification"\r
+            [config]="notificationFields"\r
+            (visiblyValidChange)="onSectionValidChange('notification', $event)"\r
+          />\r
+        </div>\r
+      </expandable-card>\r
+    }\r
 \r
     @let directorsArray = getFormArray(groups.Directors);\r
     @let isOpenDirectors =\r
@@ -85853,7 +87262,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         }], null, null);
       })();
       (() => {
-        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaIncorporationFormComponent, { className: "BritishColumbiaIncorporationFormComponent", filePath: "src/app/components/british-columbia/incorporation/british-columbia-incorporation-form/british-columbia-incorporation-form.component.ts", lineNumber: 56 });
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaIncorporationFormComponent, { className: "BritishColumbiaIncorporationFormComponent", filePath: "src/app/components/british-columbia/incorporation/british-columbia-incorporation-form/british-columbia-incorporation-form.component.ts", lineNumber: 57 });
       })();
     }
   });
@@ -86007,14 +87416,13 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         form = input.required();
         actionsDisabled = input(false);
         task = input();
-        errors = input([]);
         close = output();
         next = output();
         formGroups = BCFormationFormGroups;
         static \u0275fac = function BritishColumbiaIncorporationPreviewFormComponent_Factory(__ngFactoryType__) {
           return new (__ngFactoryType__ || _BritishColumbiaIncorporationPreviewFormComponent)();
         };
-        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaIncorporationPreviewFormComponent, selectors: [["british-columbia-incorporation-preview-form"]], inputs: { form: [1, "form"], actionsDisabled: [1, "actionsDisabled"], task: [1, "task"], errors: [1, "errors"] }, outputs: { close: "close", next: "next" }, decls: 11, vars: 12, consts: [[1, "incorporation-preview-form"], [1, "incorporation-preview-form-content", 3, "form", "task", "errors", "statusIcon"], [1, "incorporation-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 BritishColumbiaIncorporationPreviewFormComponent_Template(rf, ctx) {
+        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaIncorporationPreviewFormComponent, selectors: [["british-columbia-incorporation-preview-form"]], inputs: { form: [1, "form"], actionsDisabled: [1, "actionsDisabled"], task: [1, "task"] }, outputs: { close: "close", next: "next" }, decls: 11, vars: 11, consts: [[1, "incorporation-preview-form"], [1, "incorporation-preview-form-content", 3, "form", "task", "statusIcon"], [1, "incorporation-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 BritishColumbiaIncorporationPreviewFormComponent_Template(rf, ctx) {
           if (rf & 1) {
             \u0275\u0275elementStart(0, "div", 0);
             \u0275\u0275element(1, "british-columbia-incorporation-form", 1);
@@ -86037,15 +87445,15 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           }
           if (rf & 2) {
             \u0275\u0275advance();
-            \u0275\u0275property("form", ctx.form())("task", ctx.task())("errors", ctx.errors())("statusIcon", false);
+            \u0275\u0275property("form", ctx.form())("task", ctx.task())("statusIcon", false);
             \u0275\u0275advance(2);
             \u0275\u0275property("disabled", ctx.actionsDisabled());
             \u0275\u0275advance(2);
-            \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(6, 8, "Close"));
+            \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(6, 7, "Close"));
             \u0275\u0275advance(2);
             \u0275\u0275property("disabled", ctx.actionsDisabled());
             \u0275\u0275advance(2);
-            \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(10, 10, "File"));
+            \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(10, 9, "File"));
           }
         }, dependencies: [MatButton, TranslatePipe, BritishColumbiaIncorporationFormComponent], styles: ["\n\n[_nghost-%COMP%]   .incorporation-preview-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n[_nghost-%COMP%]   .incorporation-preview-form-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n[_nghost-%COMP%]   .incorporation-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%]   .incorporation-preview-form-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  margin: 0;\n}\n/*# sourceMappingURL=british-columbia-incorporation-preview-form.component.css.map */"], changeDetection: 0 });
       };
@@ -86057,7 +87465,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     class="incorporation-preview-form-content"\r
     [form]="form()"\r
     [task]="task()"\r
-    [errors]="errors()"\r
     [statusIcon]="false"\r
   />\r
 \r
@@ -86089,58 +87496,167 @@ 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", 2);
-      \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", 3);
-      \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.onFormationSubmit());
-      })("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())("errors", ctx_r1.errors())("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) {
+    if (rf & 1) {
+      const _r5 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "terms-and-conditions", 5);
+      \u0275\u0275listener("prev", function BritishColumbiaComponent_Conditional_1_Conditional_2_Template_terms_and_conditions_prev_0_listener() {
+        \u0275\u0275restoreView(_r5);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.prevStep.emit());
+      })("close", function BritishColumbiaComponent_Conditional_1_Conditional_2_Template_terms_and_conditions_close_0_listener() {
+        \u0275\u0275restoreView(_r5);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.close.emit());
+      })("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.onChangeOfDirectorsSubmit($event));
+      });
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      const ctx_r1 = \u0275\u0275nextContext(2);
+      \u0275\u0275property("errors", ctx_r1.errors());
     }
   }
   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, 4, "british-columbia-incorporation-preview-form", 1);
+      \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();
       \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);
     }
   }
   var BritishColumbiaComponent;
@@ -86151,11 +87667,16 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_dialog2();
       init_ngx_translate_core();
       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();
@@ -86167,20 +87688,29 @@ 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();
         nextStep = output();
+        prevStep = output();
         dialog = inject(MatDialog);
         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());
@@ -86189,7 +87719,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);
@@ -86199,6 +87740,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());
@@ -86208,16 +87764,44 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           this.deltaState.setBCFormationInitialDelta(delta);
           this.saveFormationDeltaData.emit(delta);
         }
-        onFormationSubmit() {
-          this.formationSubmit.emit();
+        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() {
+        generateFormationDeltaData(termsAndConditions) {
           const formData = this.deltaForm().getRawValue();
           const refNumbers = formData[BCFormationFormGroups.ReferenceNumbers];
           const corpDetails = formData[BCFormationFormGroups.CorporationDetails];
+          const notification = formData[BCFormationFormGroups.Notification];
           const completingParty = formData[BCFormationFormGroups.CompletingParty];
+          const isNamed2 = corpDetails?.[BCFormationFormControls.CorporationNameType] === BCNameType.Named;
           const usesNameTranslation = Boolean(corpDetails?.[BCFormationFormControls.UsesNameTranslation]);
           const nameTranslations = usesNameTranslation ? (corpDetails?.[BCFormationFormControls.NameTranslations] ?? []).map((row) => (row[BCFormationFormControls.NameTranslation] ?? "").trim()).filter(Boolean) : [];
+          const notifyByMail = notification?.[BCFormationFormControls.NotificationMethod] === BCNotificationMethod.Mail;
           const data = {
             referenceNumbers: {
               referenceNumber: refNumbers?.[BCFormationFormControls.ClientMatterNumber] ?? null,
@@ -86225,15 +87809,26 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             },
             entityDetails: {
               corporationNameType: corpDetails?.[BCFormationFormControls.CorporationNameType] ?? null,
-              // Kept for Numbered too so the name survives a save / reload; the payload mapper only
-              // sends them when the type is Named.
-              companyName: corpDetails?.[BCFormationFormControls.CompanyName] ?? null,
-              nameReservationNumber: corpDetails?.[BCFormationFormControls.NameReservationNumber] ?? null,
+              companyName: isNamed2 ? corpDetails?.[BCFormationFormControls.CompanyName] ?? null : null,
+              nameReservationNumber: isNamed2 ? corpDetails?.[BCFormationFormControls.NameReservationNumber] ?? null : null,
               usesNameTranslation,
               nameTranslations,
               companyEmail: corpDetails?.[BCFormationFormControls.CompanyEmail] ?? null,
               password: corpDetails?.[BCFormationFormControls.CompanyPassword] ?? null
             },
+            notification: {
+              method: notification?.[BCFormationFormControls.NotificationMethod] ?? null,
+              email: notifyByMail ? null : notification?.[BCFormationFormControls.NotificationEmail] ?? null,
+              name: notifyByMail ? notification?.[BCFormationFormControls.NotificationName] ?? null : null,
+              mailAddress: notifyByMail ? {
+                addressLine1: notification?.[BCFormationFormControls.AddressLine1] ?? null,
+                addressLine2: notification?.[BCFormationFormControls.AddressLine2] ?? null,
+                city: notification?.[BCFormationFormControls.City] ?? null,
+                provinceState: notification?.[BCFormationFormControls.ProvinceState] ?? null,
+                postalZip: notification?.[BCFormationFormControls.PostalZip] ?? null,
+                country: notification?.[BCFormationFormControls.Country] ?? null
+              } : void 0
+            },
             completingParty: {
               firstName: completingParty?.[BCFormationFormControls.CompletingPartyFirstName] ?? null,
               middleName: completingParty?.[BCFormationFormControls.CompletingPartyMiddleName] ?? null,
@@ -86251,10 +87846,15 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               hasRequiredDocuments: Boolean(completingParty?.[BCFormationFormControls.HasRequiredDocuments])
             }
           };
+          if (termsAndConditions) {
+            data.signatoryFirstName = termsAndConditions.firstName;
+            data.signatoryLastName = termsAndConditions.lastName;
+          }
           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;
@@ -86270,7 +87870,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();
           });
@@ -86278,32 +87882,40 @@ 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" }, decls: 2, vars: 2, consts: [[3, "task", "errors", "isNote", "actionsDisabled", "form"], [3, "task", "form", "errors", "actionsDisabled"], [3, "validate", "close", "save", "task", "errors", "isNote", "actionsDisabled", "form"], [3, "next", "close", "task", "form", "errors", "actionsDisabled"]], 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, 2, 2);
+            \u0275\u0275template(1, BritishColumbiaComponent_Conditional_1_Template, 3, 3)(2, BritishColumbiaComponent_Conditional_2_Template, 3, 3);
           }
           if (rf & 2) {
-            const taskData_r5 = \u0275\u0275storeLet(ctx.task());
+            const taskData_r9 = \u0275\u0275storeLet(ctx.task());
+            \u0275\u0275advance();
+            \u0275\u0275conditional(ctx.isChangeOfDirectorsTask(taskData_r9) ? 1 : -1);
             \u0275\u0275advance();
-            \u0275\u0275conditional(ctx.isFormationTask(taskData_r5) ? 1 : -1);
+            \u0275\u0275conditional(ctx.isFormationTask(taskData_r9) ? 2 : -1);
           }
         }, dependencies: [
+          BritishColumbiaChangeOfDirectorsDeltaFormComponent,
+          BritishColumbiaChangeOfDirectorsPreviewFormComponent,
           BritishColumbiaIncorporationDeltaFormComponent,
-          BritishColumbiaIncorporationPreviewFormComponent
+          BritishColumbiaIncorporationPreviewFormComponent,
+          TermsAndConditionsComponent
         ], styles: ["\n\n[_nghost-%COMP%] {\n  display: contents;\n}\n/*# sourceMappingURL=british-columbia.component.css.map */"], changeDetection: 0 });
       };
       (() => {
         (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaComponent, [{
           type: Component,
           args: [{ standalone: true, selector: "british-columbia", changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+            BritishColumbiaChangeOfDirectorsDeltaFormComponent,
+            BritishColumbiaChangeOfDirectorsPreviewFormComponent,
             BritishColumbiaIncorporationDeltaFormComponent,
-            BritishColumbiaIncorporationPreviewFormComponent
-          ], 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      [errors]="errors()"\r\n      [actionsDisabled]="actionsDisabled()"\r\n      (next)="onFormationSubmit()"\r\n      (close)="close.emit()"\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"] }]
+            BritishColumbiaIncorporationPreviewFormComponent,
+            TermsAndConditionsComponent
+          ], 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: 43 });
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaComponent, { className: "BritishColumbiaComponent", filePath: "src/app/components/british-columbia/british-columbia.component.ts", lineNumber: 65 });
       })();
     }
   });
@@ -92358,66 +93970,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         /** POST /filings/ca/bc/incorporation – validates, stages and returns a draft PDF + ServiceOrderId. */
         validate(_0, _1) {
           return __async(this, arguments, function* (signature, requestBody, opts = {}) {
-            return this.sendStagedIncorporation(signature, "POST", INCORPORATION_PATH, requestBody, opts);
-          });
-        }
-        /** PUT /filings/ca/bc/incorporation/{serviceOrderId} – replaces a staged incorporation and returns a fresh draft PDF. */
-        edit(_0, _1, _2) {
-          return __async(this, arguments, function* (signature, serviceOrderId, requestBody, opts = {}) {
-            if (!serviceOrderId) {
-              throw new Error("Missing serviceOrderId.");
-            }
-            return this.sendStagedIncorporation(signature, "PUT", `${INCORPORATION_PATH}/${encodeURIComponent(serviceOrderId)}`, requestBody, opts);
-          });
-        }
-        /** GET /filings/ca/bc/incorporation/{serviceOrderId} – retrieves the incorporation result. */
-        getResult(_0, _1) {
-          return __async(this, arguments, function* (signature, serviceOrderId, opts = {}) {
             ensureAuthInputs(signature);
-            if (!serviceOrderId) {
-              throw new Error("Missing serviceOrderId.");
-            }
             const fetchFn = opts.fetchImpl ?? fetch;
-            const resp = yield fetchWithJwtRetry(signature, () => fetchFn(signature.proxyApiUrl, {
-              method: "GET",
-              headers: {
-                Authorization: `Bearer ${signature.jwtToken}`,
-                "x-target-url": this.targetUrl(signature.env, `${INCORPORATION_PATH}/${encodeURIComponent(serviceOrderId)}`)
-              }
-            }));
-            const raw = yield resp.text();
-            const parsed = tryParseJson(raw);
-            if (!parsed.ok) {
-              const err = new Error(`eCore retrieve returned ${resp.status} ${resp.statusText}: ${raw || "(empty response)"}`);
-              err.httpStatus = resp.status;
-              throw err;
-            }
-            const payload = unwrapRequestResults(parsed.value);
-            if (!resp.ok) {
-              const result = {
-                Status: payload?.status,
-                Errors: toValidateErrors(payload) ?? [{ Message: `HTTP ${resp.status}` }]
-              };
-              const err = buildGenericError(resp.status, "eCore retrieve failed", result);
-              err.httpStatus = resp.status;
-              throw err;
-            }
-            return payload;
-          });
-        }
-        /** Shared by validate (POST) and edit (PUT): both stage the incorporation and return a draft + ServiceOrderId. */
-        sendStagedIncorporation(signature, method, path, requestBody, opts) {
-          return __async(this, null, function* () {
-            ensureAuthInputs(signature);
-            const fetchFn = opts.fetchImpl ?? fetch;
-            const resp = yield fetchWithJwtRetry(signature, () => fetchFn(signature.proxyApiUrl, {
-              method,
-              headers: {
-                "Content-Type": "application/json",
-                Authorization: `Bearer ${signature.jwtToken}`,
-                "x-target-url": this.targetUrl(signature.env, path)
-              },
-              body: JSON.stringify(requestBody)
+            const resp = yield fetchWithJwtRetry(signature, () => postJson(fetchFn, signature.proxyApiUrl, signature.jwtToken, requestBody, {
+              "x-target-url": this.targetUrl(signature.env, INCORPORATION_PATH)
             }));
             const raw = yield resp.text();
             const parsed = tryParseJson(raw);
@@ -92515,6 +94071,175 @@ 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;
+          });
+        }
+        getFilingResult(_0, _1) {
+          return __async(this, arguments, function* (signature, serviceOrderId, opts = {}) {
+            ensureAuthInputs(signature);
+            if (!serviceOrderId) {
+              throw new Error("Missing serviceOrderId.");
+            }
+            const fetchFn = opts.fetchImpl ?? fetch;
+            const url = signature.proxyApiUrl;
+            const targetUrl = opts.endpointPath ?? `${this.getOnbisOrigin()}/filings/ca/bc/maintenance-filing/${encodeURIComponent(serviceOrderId)}`;
+            const resp = yield fetchWithJwtRetry(signature, () => fetchFn(url, {
+              method: "GET",
+              headers: __spreadValues({
+                Authorization: `Bearer ${signature.jwtToken}`,
+                "x-target-url": targetUrl
+              }, opts.headers ?? {})
+            }));
+            const raw = yield resp.text();
+            const parsed = tryParseJson(raw);
+            const payload = parsed.ok ? unwrapRequestResults(parsed.value) : { raw };
+            if (resp.ok && !payload.Errors?.length) {
+              return payload;
+            }
+            const err = buildGenericError(resp.status, "BC change of directors filing result failed", payload);
+            err.submitResult = payload;
+            err.httpStatus = resp.status;
+            throw err;
+          });
+        }
+        submitFiling(_0, _1) {
+          return __async(this, arguments, function* (signature, serviceOrderId, opts = {}) {
+            ensureAuthInputs(signature);
+            if (!serviceOrderId) {
+              throw new Error("Missing serviceOrderId.");
+            }
+            const fetchFn = opts.fetchImpl ?? fetch;
+            const url = signature.proxyApiUrl;
+            const targetUrl = opts.endpointPath ?? `${this.getOnbisOrigin()}/filings/ca/bc/maintenance-filing/${encodeURIComponent(serviceOrderId)}/submit`;
+            const resp = yield fetchWithJwtRetry(signature, () => postJson(fetchFn, url, signature.jwtToken, {}, __spreadValues({
+              "x-target-url": targetUrl
+            }, opts.headers ?? {})));
+            const raw = yield resp.text();
+            const parsed = tryParseJson(raw);
+            const payload = parsed.ok ? unwrapRequestResults(parsed.value) : { raw };
+            if (resp.ok && !payload.Errors?.length) {
+              return payload;
+            }
+            const err = buildGenericError(resp.status, "BC change of directors submit failed", payload);
+            err.submitResult = 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) {
@@ -92594,6 +94319,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);
@@ -92606,10 +94351,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());
       });
       \u0275\u0275elementEnd();
     }
@@ -92711,6 +94452,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 {
@@ -92766,6 +94509,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();
@@ -92804,6 +94548,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() {
@@ -92815,6 +94562,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();
@@ -92953,6 +94701,80 @@ 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() {
+          return __async(this, null, function* () {
+            try {
+              this.isLoading.set(true);
+              this.errors.set([]);
+              const signature = this._signature();
+              const serviceOrderId = this.task()?.deltaData?.serviceOrderId;
+              if (!signature || !serviceOrderId) {
+                throw new Error("Missing serviceOrderId.");
+              }
+              const response = yield this.britishColumbiaChangeOfDirectorsService.submitFiling(signature, serviceOrderId, this.validateOptions() ?? {});
+              if (this.hasResponseErrors(response))
+                return;
+              this.filingSubmitSuccess.emit({
+                serviceOrderId: response.ServiceOrderId ?? serviceOrderId,
+                filedOn: /* @__PURE__ */ new Date()
+              });
+              this.close.emit();
+            } catch (response) {
+              this.handleCatchError(response);
+            } finally {
+              this.isLoading.set(false);
+            }
+          });
+        }
         /**
          * 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.
@@ -92979,7 +94801,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
                   searchOrFilingType,
                   serviceOrderId,
                   validatedOn: /* @__PURE__ */ new Date(),
-                  provider: "bcreg",
+                  provider: "obr",
                   draftPdf: response.Draft ?? "",
                   documentName: this.validateOptions()?.documentName ?? "Incorporation Draft",
                   documentType: "pdf"
@@ -93432,7 +95254,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", "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);
@@ -93498,13 +95320,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
@@ -93512,70 +95330,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
-        />\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 });
       })();
     }
   });
@@ -97779,6 +99570,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",
@@ -97801,6 +99593,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",
@@ -98163,10 +99956,25 @@ 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",
-        "Proposed Corporate Name": "Proposed Corporate Name",
-        "Name Reservation #": "Name Reservation #",
+        "Company Name": "Company Name",
+        "Name Reservation (NR) Number": "Name Reservation (NR) Number",
         "Name preview \u2014 appears exactly as entered": "Name preview \u2014 appears exactly as entered",
         "Company Email": "Company Email",
         "There is an additional fee of {{fee}} for an effective date in the future.": "There is an additional fee of {{fee}} for an effective date in the future.",
@@ -98234,8 +100042,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",
@@ -98251,11 +100060,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",
@@ -98494,10 +100304,24 @@ 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",
-        "Proposed Corporate Name": "D\xE9nomination sociale propos\xE9e",
-        "Name Reservation #": "N\xB0 de r\xE9servation de nom (NR)",
+        "Company Name": "Nom de la soci\xE9t\xE9",
+        "Name Reservation (NR) Number": "Num\xE9ro de r\xE9servation de nom (NR)",
         "Name preview \u2014 appears exactly as entered": "Aper\xE7u du nom \u2014 appara\xEEt exactement tel que saisi",
         "Company Email": "Courriel de la soci\xE9t\xE9",
         "There is an additional fee of {{fee}} for an effective date in the future.": "Des frais suppl\xE9mentaires de {{fee}} s'appliquent pour une date d'entr\xE9e en vigueur future.",