@dyedurham/search-and-file-widget 2.1.6 → 2.1.7

package/dnd-filing-shell.js

@@ -56266,6 +56266,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         TaskType2["Amendments"] = "Amendments";
         TaskType2["ChangeOfCompanyName"] = "Change of Company Name";
         TaskType2["ChangeOfAddress"] = "Change of Address";
+        TaskType2["ChangeOfSharedAddress"] = "Change of Shared Address";
         TaskType2["ChangeOfPrincipals"] = "Change of Principals";
         TaskType2["RegistrationCompliance"] = "Registration Compliance";
         TaskType2["Continuance"] = "Continuance";
@@ -58087,6 +58088,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   function isChangeOfPrincipalsTask(task) {
     return task?._taskType === TaskType.ChangeOfPrincipals;
   }
+  function isChangeOfAddressTask(task) {
+    return task?._taskType === TaskType.ChangeOfSharedAddress || task?._taskType === TaskType.ChangeOfAddress;
+  }
   function isBritishColumbiaTask(task) {
     return task.entity._compliance.home_jurisdiction === "British Columbia";
   }
@@ -58114,6 +58118,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     if (!task) {
       return void 0;
     }
+    if (isChangeOfAddressTask(task) && isBritishColumbiaTask(task)) {
+      return "bcChangeOfAddress";
+    }
     const prefix = isOntarioTask(task) ? "ontario" : isBritishColumbiaTask(task) ? "bc" : "federal";
     if (isFormationTask2(task)) {
       return `${prefix}Incorporation`;
@@ -61002,10 +61009,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           this._inputElement.nativeElement.focus();
         }
         /** Creates the change event that will be emitted by the checkbox. */
-        _createChangeEvent(isChecked) {
+        _createChangeEvent(isChecked2) {
           const event = new MatCheckboxChange();
           event.source = this;
-          event.checked = isChecked;
+          event.checked = isChecked2;
           return event;
         }
         /** Gets the element on which to add the animation CSS classes. */
@@ -80561,7 +80568,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           MatRadioButton,
           TranslatePipe,
           CheckboxListComponent
-        ], styles: ['\n\n[_nghost-%COMP%] {\n  overflow: hidden;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  column-gap: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select {\n  display: flex;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-checkbox__background {\n  border: 3px solid #6a6c6f;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio-group {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 24px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio .mdc-form-field > label {\n  padding-left: 0;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-arrow-wrapper {\n  display: none;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .suffix-container {\n  display: flex;\n  align-items: center;\n  padding-right: 12px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-form-field-icon-suffix {\n  display: flex;\n  align-items: center;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-form-field-icon-suffix .mat-icon {\n  display: flex;\n  align-items: center;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .arrow-icon {\n  pointer-events: none;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-form-field-infix {\n  display: flex !important;\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value-text {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-label {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-checkbox[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  line-height: 2rem;\n}\n[_nghost-%COMP%]   .filling-form-fields-checkbox[_ngcontent-%COMP%]:not(.last) {\n  padding-bottom: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields-checkbox-text[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  line-height: 20px;\n  color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%]   .filling-form-fields-empty[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 80px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item[_ngcontent-%COMP%] {\n  --mat-sys-primary: #6b6f76;\n  --mat-sys-primary-container: #e4e5e8;\n  --mat-sys-surface-tint: #6b6f76;\n  --mat-sys-outline: #c7c9cf;\n  --mat-sys-outline-variant: #dfe1e6;\n  --mdc-icon-button-state-layer-size: 36px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item.text-area[_ngcontent-%COMP%]     .mat-mdc-text-field-wrapper {\n  padding: 0 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-item.text-area[_ngcontent-%COMP%]     .mat-mdc-input-element {\n  padding: 0 12px;\n  min-height: 230px !important;\n  max-height: 230px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-text[_ngcontent-%COMP%] {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-text[_ngcontent-%COMP%]:not(.last) {\n  padding-bottom: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-hint[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item.warning[_ngcontent-%COMP%] {\n  --mdc-outlined-text-field-outline-color: #845400;\n  --mdc-outlined-text-field-outline-width: 2px;\n  --mat-sys-on-surface: #845400;\n  color: #845400;\n  padding-bottom: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-label[_ngcontent-%COMP%] {\n  color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%]   .filling-form-fields-item-label.warning[_ngcontent-%COMP%] {\n  color: #845400;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-info[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  margin-left: 6px;\n  vertical-align: middle;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-info[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%] {\n  width: 18px;\n  height: 18px;\n  font-size: 18px;\n  line-height: 18px;\n  color: #0b70d9 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-info[_ngcontent-%COMP%]:hover   .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%], \n[_nghost-%COMP%]   .filling-form-fields-item-info[_ngcontent-%COMP%]:focus   .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n  display: flex;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-info.dismissed[_ngcontent-%COMP%]   .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n  display: none;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n  position: absolute;\n  z-index: 10;\n  top: -12px;\n  left: 28px;\n  display: none;\n  width: 220px;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 18px;\n  border: 1px solid #d8dbe1;\n  border-radius: 8px;\n  background: #f5f6f8;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);\n  color: #2f343b;\n  line-height: 20px;\n  white-space: normal;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-hint.warning[_ngcontent-%COMP%] {\n  color: #845400;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-icon[_ngcontent-%COMP%] {\n  font-size: 22px;\n  line-height: 22px;\n  height: 22px;\n  width: 22px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-icon.warning[_ngcontent-%COMP%] {\n  color: #845400;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n  border-color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid {\n  padding: 0 0 12px;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mdc-notched-outline__leading {\n  border-color: #ff3e3e !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mdc-notched-outline__trailing {\n  border-color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n  color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n  padding: 0;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-mdc-form-field-error {\n  color: #E22222 !important;\n  font-size: 12px;\n  font-family: "Open Sans";\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-mdc-select-arrow {\n  color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-icon {\n  color: #4a4a4a !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mdc-notched-outline__leading {\n  border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mdc-notched-outline__trailing {\n  border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-datepicker-toggle-default-icon {\n  color: #4a4a4a !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-mdc-form-field-error {\n  display: none;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-mdc-select-arrow {\n  color: #d6d6d6 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     {\n  --mat-form-field-container-vertical-padding: 6px;\n  --mat-form-field-container-height: 36px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value {\n  line-height: 18px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     input, \n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     textarea {\n  font-family: "Open Sans";\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value-text {\n  font-family: "Open Sans";\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-text-field--disabled {\n  background-color: #F5F5F5 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-notched-outline__leading {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-notched-outline__trailing {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-icon-button .mat-icon {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n[_nghost-%COMP%]   .span-1[_ngcontent-%COMP%] {\n  grid-column: span 1;\n}\n[_nghost-%COMP%]   .span-2[_ngcontent-%COMP%] {\n  grid-column: span 2;\n}\n[_nghost-%COMP%]   .span-3[_ngcontent-%COMP%] {\n  grid-column: span 3;\n}\n[_nghost-%COMP%]   .span-4[_ngcontent-%COMP%] {\n  grid-column: span 4;\n}\n[_nghost-%COMP%]   .span-5[_ngcontent-%COMP%] {\n  grid-column: span 5;\n}\n[_nghost-%COMP%]   .span-6[_ngcontent-%COMP%] {\n  grid-column: span 6;\n}\n[_nghost-%COMP%]   .span-8[_ngcontent-%COMP%] {\n  grid-column: span 8;\n}\n[_nghost-%COMP%]   .span-12[_ngcontent-%COMP%] {\n  grid-column: span 12;\n}\n[_nghost-%COMP%]   .column-1[_ngcontent-%COMP%] {\n  grid-column: 1/span 2;\n}\n[_nghost-%COMP%]   .column-2[_ngcontent-%COMP%] {\n  grid-column: 1/span 4;\n}\n[_nghost-%COMP%]   .column-3[_ngcontent-%COMP%] {\n  grid-column: 1/span 6;\n}\n[_nghost-%COMP%]   .epl-readonly-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n[_nghost-%COMP%]   .beside-select[_ngcontent-%COMP%] {\n  align-self: end;\n  display: flex;\n  align-items: center;\n  min-height: 60px;\n  margin: 0;\n}\n[_nghost-%COMP%]   .spaced-text[_ngcontent-%COMP%] {\n  margin: 8px 0;\n}\n[_nghost-%COMP%]   .fee-warning[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 8px 0;\n  padding: 8px 12px !important;\n  border: 1px solid #f0d78c;\n  border-radius: 4px;\n  background-color: #fff8e1;\n  color: #845400;\n  font-size: 12px !important;\n}\n[_nghost-%COMP%]   .fee-warning[_ngcontent-%COMP%]::before {\n  content: "!";\n  flex: none;\n  width: 12px;\n  height: 12px;\n  border: 1px solid #845400;\n  border-radius: 50%;\n  font-size: 9px;\n  font-weight: 700;\n  line-height: 12px;\n  text-align: center;\n}\n[_nghost-%COMP%]   .epl-info-panel-field[_ngcontent-%COMP%] {\n  container-type: inline-size;\n}\n[_nghost-%COMP%]     input {\n  font-size: 14px !important;\n  color: var(--filing-modal-color-grey) !important;\n}\n[_nghost-%COMP%]     .epl-readonly-value {\n  display: flex;\n  align-items: center;\n  min-height: 36px;\n  padding: 0 16px;\n  border: 1px solid #F5F5F5;\n  border-radius: 8px;\n  background-color: #F5F5F5;\n  overflow-wrap: anywhere;\n}\n[_nghost-%COMP%]     .epl-info-panel {\n  display: grid;\n  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);\n  column-gap: 16px;\n  row-gap: 12px;\n  padding: 12px;\n  border-radius: 8px;\n  background-color: #F5F5F5;\n}\n[_nghost-%COMP%]     .epl-info-panel-item {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n@container (max-width: 560px) {\n  [_nghost-%COMP%]     .epl-info-panel {\n    grid-template-columns: minmax(0, 1fr);\n  }\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] {\n  background: white !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%]     .mat-pseudo-checkbox-checked {\n  background: transparent !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%]     .mdc-list-item__primary-text {\n  font-family: "Open Sans";\n  font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */'], changeDetection: 0 });
+        ], styles: ['\n\n[_nghost-%COMP%] {\n  overflow: hidden;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  column-gap: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select {\n  display: flex;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-checkbox__background {\n  border: 3px solid #6a6c6f;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio-group {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 24px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio .mdc-form-field > label {\n  padding-left: 0;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-arrow-wrapper {\n  display: none;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .suffix-container {\n  display: flex;\n  align-items: center;\n  padding-right: 12px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-form-field-icon-suffix {\n  display: flex;\n  align-items: center;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-form-field-icon-suffix .mat-icon {\n  display: flex;\n  align-items: center;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .arrow-icon {\n  pointer-events: none;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-form-field-infix {\n  display: flex !important;\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value-text {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-label {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-checkbox[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  line-height: 2rem;\n}\n[_nghost-%COMP%]   .filling-form-fields-checkbox[_ngcontent-%COMP%]:not(.last) {\n  padding-bottom: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields-checkbox-text[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  line-height: 20px;\n  color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%]   .filling-form-fields-empty[_ngcontent-%COMP%] {\n  width: 100%;\n  height: 80px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item[_ngcontent-%COMP%] {\n  --mat-sys-primary: #6b6f76;\n  --mat-sys-primary-container: #e4e5e8;\n  --mat-sys-surface-tint: #6b6f76;\n  --mat-sys-outline: #c7c9cf;\n  --mat-sys-outline-variant: #dfe1e6;\n  --mdc-icon-button-state-layer-size: 36px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item.text-area[_ngcontent-%COMP%]     .mat-mdc-text-field-wrapper {\n  padding: 0 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-item.text-area[_ngcontent-%COMP%]     .mat-mdc-input-element {\n  padding: 0 12px;\n  min-height: 230px !important;\n  max-height: 230px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-text[_ngcontent-%COMP%] {\n  font-size: 14px !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-text[_ngcontent-%COMP%]:not(.last) {\n  padding-bottom: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-hint[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item.warning[_ngcontent-%COMP%] {\n  --mdc-outlined-text-field-outline-color: #845400;\n  --mdc-outlined-text-field-outline-width: 2px;\n  --mat-sys-on-surface: #845400;\n  color: #845400;\n  padding-bottom: 16px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-label[_ngcontent-%COMP%] {\n  color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%]   .filling-form-fields-item-label.warning[_ngcontent-%COMP%] {\n  color: #845400;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-info[_ngcontent-%COMP%] {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  margin-left: 6px;\n  vertical-align: middle;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-info[_ngcontent-%COMP%]   .mat-icon[_ngcontent-%COMP%] {\n  width: 18px;\n  height: 18px;\n  font-size: 18px;\n  line-height: 18px;\n  color: #0b70d9 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-info[_ngcontent-%COMP%]:hover   .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%], \n[_nghost-%COMP%]   .filling-form-fields-item-info[_ngcontent-%COMP%]:focus   .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n  display: flex;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-info.dismissed[_ngcontent-%COMP%]   .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n  display: none;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n  position: absolute;\n  z-index: 10;\n  top: -12px;\n  left: 28px;\n  display: none;\n  width: 220px;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 18px;\n  border: 1px solid #d8dbe1;\n  border-radius: 8px;\n  background: #f5f6f8;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);\n  color: #2f343b;\n  line-height: 20px;\n  white-space: normal;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-hint.warning[_ngcontent-%COMP%] {\n  color: #845400;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-icon[_ngcontent-%COMP%] {\n  font-size: 22px;\n  line-height: 22px;\n  height: 22px;\n  width: 22px;\n}\n[_nghost-%COMP%]   .filling-form-fields-item-icon.warning[_ngcontent-%COMP%] {\n  color: #845400;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n  border-color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid {\n  padding: 0 0 12px;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mdc-notched-outline__leading {\n  border-color: #ff3e3e !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mdc-notched-outline__trailing {\n  border-color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n  color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n  padding: 0;\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-mdc-form-field-error {\n  color: #E22222 !important;\n  font-size: 12px;\n  font-family: "Open Sans";\n}\n[_nghost-%COMP%]   .filling-form-fields.submitted[_ngcontent-%COMP%]     .mat-form-field-invalid .mat-mdc-select-arrow {\n  color: #E22222 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-icon {\n  color: #4a4a4a !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mdc-notched-outline__leading {\n  border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mdc-notched-outline__trailing {\n  border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-datepicker-toggle-default-icon {\n  color: #4a4a4a !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-mdc-form-field-error {\n  display: none;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]:not(.submitted)     .mat-mdc-select-arrow {\n  color: #d6d6d6 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     {\n  --mat-form-field-container-vertical-padding: 6px;\n  --mat-form-field-container-height: 36px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value {\n  line-height: 18px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     input, \n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     textarea {\n  font-family: "Open Sans";\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mat-mdc-select-value-text {\n  font-family: "Open Sans";\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-text-field--disabled {\n  background-color: #F5F5F5 !important;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-notched-outline__leading {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-notched-outline__trailing {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .mdc-icon-button .mat-icon {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n[_nghost-%COMP%]   .span-1[_ngcontent-%COMP%] {\n  grid-column: span 1;\n}\n[_nghost-%COMP%]   .span-2[_ngcontent-%COMP%] {\n  grid-column: span 2;\n}\n[_nghost-%COMP%]   .span-3[_ngcontent-%COMP%] {\n  grid-column: span 3;\n}\n[_nghost-%COMP%]   .span-4[_ngcontent-%COMP%] {\n  grid-column: span 4;\n}\n[_nghost-%COMP%]   .span-5[_ngcontent-%COMP%] {\n  grid-column: span 5;\n}\n[_nghost-%COMP%]   .span-6[_ngcontent-%COMP%] {\n  grid-column: span 6;\n}\n[_nghost-%COMP%]   .span-8[_ngcontent-%COMP%] {\n  grid-column: span 8;\n}\n[_nghost-%COMP%]   .span-12[_ngcontent-%COMP%] {\n  grid-column: span 12;\n}\n[_nghost-%COMP%]   .note-box[_ngcontent-%COMP%] {\n  padding: 16px 24px;\n  border: 1px solid #f0dea0;\n  border-radius: 4px;\n  background-color: #fdf9ee;\n  color: #7a5d00;\n}\n[_nghost-%COMP%]   .note-box[_ngcontent-%COMP%]     .body-1-semibold {\n  color: inherit;\n}\n[_nghost-%COMP%]   .column-1[_ngcontent-%COMP%] {\n  grid-column: 1/span 2;\n}\n[_nghost-%COMP%]   .column-2[_ngcontent-%COMP%] {\n  grid-column: 1/span 4;\n}\n[_nghost-%COMP%]   .column-3[_ngcontent-%COMP%] {\n  grid-column: 1/span 6;\n}\n[_nghost-%COMP%]   .epl-readonly-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n[_nghost-%COMP%]   .beside-select[_ngcontent-%COMP%] {\n  align-self: end;\n  display: flex;\n  align-items: center;\n  min-height: 60px;\n  margin: 0;\n}\n[_nghost-%COMP%]   .spaced-text[_ngcontent-%COMP%] {\n  margin: 8px 0;\n}\n[_nghost-%COMP%]   .fee-warning[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 8px 0;\n  padding: 8px 12px !important;\n  border: 1px solid #f0d78c;\n  border-radius: 4px;\n  background-color: #fff8e1;\n  color: #845400;\n  font-size: 12px !important;\n}\n[_nghost-%COMP%]   .fee-warning[_ngcontent-%COMP%]::before {\n  content: "!";\n  flex: none;\n  width: 12px;\n  height: 12px;\n  border: 1px solid #845400;\n  border-radius: 50%;\n  font-size: 9px;\n  font-weight: 700;\n  line-height: 12px;\n  text-align: center;\n}\n[_nghost-%COMP%]   .epl-info-panel-field[_ngcontent-%COMP%] {\n  container-type: inline-size;\n}\n[_nghost-%COMP%]     input {\n  font-size: 14px !important;\n  color: var(--filing-modal-color-grey) !important;\n}\n[_nghost-%COMP%]     .epl-readonly-value {\n  display: flex;\n  align-items: center;\n  min-height: 36px;\n  padding: 0 16px;\n  border: 1px solid #F5F5F5;\n  border-radius: 8px;\n  background-color: #F5F5F5;\n  overflow-wrap: anywhere;\n}\n[_nghost-%COMP%]     .epl-info-panel {\n  display: grid;\n  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);\n  column-gap: 16px;\n  row-gap: 12px;\n  padding: 12px;\n  border-radius: 8px;\n  background-color: #F5F5F5;\n}\n[_nghost-%COMP%]     .epl-info-panel-item {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n@container (max-width: 560px) {\n  [_nghost-%COMP%]     .epl-info-panel {\n    grid-template-columns: minmax(0, 1fr);\n  }\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] {\n  background: white !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%]     .mat-pseudo-checkbox-checked {\n  background: transparent !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%]     .mdc-list-item__primary-text {\n  font-family: "Open Sans";\n  font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */'], changeDetection: 0 });
       };
       (() => {
         (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(FilingFormGroupComponent, [{
@@ -80815,7 +80822,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }\r
   </div>\r
 </section>\r
-`, styles: ['/* src/app/components/form/filing-form-group/filing-form-group.component.scss */\n:host {\n  overflow: hidden;\n}\n:host .filling-form-fields {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  column-gap: 16px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select {\n  display: flex;\n}\n:host .filling-form-fields ::ng-deep .mdc-checkbox__background {\n  border: 3px solid #6a6c6f;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio-group {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 24px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio .mdc-form-field > label {\n  padding-left: 0;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-arrow-wrapper {\n  display: none;\n}\n:host .filling-form-fields ::ng-deep .suffix-container {\n  display: flex;\n  align-items: center;\n  padding-right: 12px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix {\n  display: flex;\n  align-items: center;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix .mat-icon {\n  display: flex;\n  align-items: center;\n}\n:host .filling-form-fields ::ng-deep .arrow-icon {\n  pointer-events: none;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-infix {\n  display: flex !important;\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-label {\n  font-size: 14px !important;\n}\n:host .filling-form-fields-checkbox {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  line-height: 2rem;\n}\n:host .filling-form-fields-checkbox:not(.last) {\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-checkbox-text {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  line-height: 20px;\n  color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-empty {\n  width: 100%;\n  height: 80px;\n}\n:host .filling-form-fields-item {\n  --mat-sys-primary: #6b6f76;\n  --mat-sys-primary-container: #e4e5e8;\n  --mat-sys-surface-tint: #6b6f76;\n  --mat-sys-outline: #c7c9cf;\n  --mat-sys-outline-variant: #dfe1e6;\n  --mdc-icon-button-state-layer-size: 36px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-text-field-wrapper {\n  padding: 0 !important;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-input-element {\n  padding: 0 12px;\n  min-height: 230px !important;\n  max-height: 230px !important;\n}\n:host .filling-form-fields-item-text {\n  font-size: 14px !important;\n}\n:host .filling-form-fields-item-text:not(.last) {\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-item-hint {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n:host .filling-form-fields-item.warning {\n  --mdc-outlined-text-field-outline-color: #845400;\n  --mdc-outlined-text-field-outline-width: 2px;\n  --mat-sys-on-surface: #845400;\n  color: #845400;\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-item-label {\n  color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-item-label.warning {\n  color: #845400;\n}\n:host .filling-form-fields-item-info {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  margin-left: 6px;\n  vertical-align: middle;\n}\n:host .filling-form-fields-item-info .mat-icon {\n  width: 18px;\n  height: 18px;\n  font-size: 18px;\n  line-height: 18px;\n  color: #0b70d9 !important;\n}\n:host .filling-form-fields-item-info:hover .filling-form-fields-item-info-tooltip,\n:host .filling-form-fields-item-info:focus .filling-form-fields-item-info-tooltip {\n  display: flex;\n}\n:host .filling-form-fields-item-info.dismissed .filling-form-fields-item-info-tooltip {\n  display: none;\n}\n:host .filling-form-fields-item-info-tooltip {\n  position: absolute;\n  z-index: 10;\n  top: -12px;\n  left: 28px;\n  display: none;\n  width: 220px;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 18px;\n  border: 1px solid #d8dbe1;\n  border-radius: 8px;\n  background: #f5f6f8;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);\n  color: #2f343b;\n  line-height: 20px;\n  white-space: normal;\n}\n:host .filling-form-fields-item-hint.warning {\n  color: #845400;\n}\n:host .filling-form-fields-item-icon {\n  font-size: 22px;\n  line-height: 22px;\n  height: 22px;\n  width: 22px;\n}\n:host .filling-form-fields-item-icon.warning {\n  color: #845400;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n  border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid {\n  padding: 0 0 12px;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__leading {\n  border-color: #ff3e3e !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__trailing {\n  border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n  color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n  padding: 0;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error {\n  color: #E22222 !important;\n  font-size: 12px;\n  font-family: "Open Sans";\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-select-arrow {\n  color: #E22222 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-icon {\n  color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__leading {\n  border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__trailing {\n  border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-datepicker-toggle-default-icon {\n  color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-form-field-error {\n  display: none;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-select-arrow {\n  color: #d6d6d6 !important;\n}\n:host .filling-form-fields ::ng-deep {\n  --mat-form-field-container-vertical-padding: 6px;\n  --mat-form-field-container-height: 36px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n  line-height: 18px;\n}\n:host .filling-form-fields ::ng-deep input,\n:host .filling-form-fields ::ng-deep textarea {\n  font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n  font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mdc-text-field--disabled {\n  background-color: #F5F5F5 !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__leading {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__trailing {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-icon-button .mat-icon {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n:host .span-1 {\n  grid-column: span 1;\n}\n:host .span-2 {\n  grid-column: span 2;\n}\n:host .span-3 {\n  grid-column: span 3;\n}\n:host .span-4 {\n  grid-column: span 4;\n}\n:host .span-5 {\n  grid-column: span 5;\n}\n:host .span-6 {\n  grid-column: span 6;\n}\n:host .span-8 {\n  grid-column: span 8;\n}\n:host .span-12 {\n  grid-column: span 12;\n}\n:host .column-1 {\n  grid-column: 1/span 2;\n}\n:host .column-2 {\n  grid-column: 1/span 4;\n}\n:host .column-3 {\n  grid-column: 1/span 6;\n}\n:host .epl-readonly-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n:host .beside-select {\n  align-self: end;\n  display: flex;\n  align-items: center;\n  min-height: 60px;\n  margin: 0;\n}\n:host .spaced-text {\n  margin: 8px 0;\n}\n:host .fee-warning {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 8px 0;\n  padding: 8px 12px !important;\n  border: 1px solid #f0d78c;\n  border-radius: 4px;\n  background-color: #fff8e1;\n  color: #845400;\n  font-size: 12px !important;\n}\n:host .fee-warning::before {\n  content: "!";\n  flex: none;\n  width: 12px;\n  height: 12px;\n  border: 1px solid #845400;\n  border-radius: 50%;\n  font-size: 9px;\n  font-weight: 700;\n  line-height: 12px;\n  text-align: center;\n}\n:host .epl-info-panel-field {\n  container-type: inline-size;\n}\n:host ::ng-deep input {\n  font-size: 14px !important;\n  color: var(--filing-modal-color-grey) !important;\n}\n:host ::ng-deep .epl-readonly-value {\n  display: flex;\n  align-items: center;\n  min-height: 36px;\n  padding: 0 16px;\n  border: 1px solid #F5F5F5;\n  border-radius: 8px;\n  background-color: #F5F5F5;\n  overflow-wrap: anywhere;\n}\n:host ::ng-deep .epl-info-panel {\n  display: grid;\n  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);\n  column-gap: 16px;\n  row-gap: 12px;\n  padding: 12px;\n  border-radius: 8px;\n  background-color: #F5F5F5;\n}\n:host ::ng-deep .epl-info-panel-item {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n@container (max-width: 560px) {\n  :host ::ng-deep .epl-info-panel {\n    grid-template-columns: minmax(0, 1fr);\n  }\n}\n.filing-form-group-select-option {\n  background: white !important;\n}\n.filing-form-group-select-option ::ng-deep .mat-pseudo-checkbox-checked {\n  background: transparent !important;\n}\n.filing-form-group-select-option ::ng-deep .mdc-list-item__primary-text {\n  font-family: "Open Sans";\n  font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */\n'] }]
+`, styles: ['/* src/app/components/form/filing-form-group/filing-form-group.component.scss */\n:host {\n  overflow: hidden;\n}\n:host .filling-form-fields {\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  column-gap: 16px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select {\n  display: flex;\n}\n:host .filling-form-fields ::ng-deep .mdc-checkbox__background {\n  border: 3px solid #6a6c6f;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio-group {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 24px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio .mdc-form-field > label {\n  padding-left: 0;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-arrow-wrapper {\n  display: none;\n}\n:host .filling-form-fields ::ng-deep .suffix-container {\n  display: flex;\n  align-items: center;\n  padding-right: 12px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix {\n  display: flex;\n  align-items: center;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix .mat-icon {\n  display: flex;\n  align-items: center;\n}\n:host .filling-form-fields ::ng-deep .arrow-icon {\n  pointer-events: none;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-infix {\n  display: flex !important;\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-label {\n  font-size: 14px !important;\n}\n:host .filling-form-fields-checkbox {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  line-height: 2rem;\n}\n:host .filling-form-fields-checkbox:not(.last) {\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-checkbox-text {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  line-height: 20px;\n  color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-empty {\n  width: 100%;\n  height: 80px;\n}\n:host .filling-form-fields-item {\n  --mat-sys-primary: #6b6f76;\n  --mat-sys-primary-container: #e4e5e8;\n  --mat-sys-surface-tint: #6b6f76;\n  --mat-sys-outline: #c7c9cf;\n  --mat-sys-outline-variant: #dfe1e6;\n  --mdc-icon-button-state-layer-size: 36px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-text-field-wrapper {\n  padding: 0 !important;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-input-element {\n  padding: 0 12px;\n  min-height: 230px !important;\n  max-height: 230px !important;\n}\n:host .filling-form-fields-item-text {\n  font-size: 14px !important;\n}\n:host .filling-form-fields-item-text:not(.last) {\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-item-hint {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n:host .filling-form-fields-item.warning {\n  --mdc-outlined-text-field-outline-color: #845400;\n  --mdc-outlined-text-field-outline-width: 2px;\n  --mat-sys-on-surface: #845400;\n  color: #845400;\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-item-label {\n  color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-item-label.warning {\n  color: #845400;\n}\n:host .filling-form-fields-item-info {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  margin-left: 6px;\n  vertical-align: middle;\n}\n:host .filling-form-fields-item-info .mat-icon {\n  width: 18px;\n  height: 18px;\n  font-size: 18px;\n  line-height: 18px;\n  color: #0b70d9 !important;\n}\n:host .filling-form-fields-item-info:hover .filling-form-fields-item-info-tooltip,\n:host .filling-form-fields-item-info:focus .filling-form-fields-item-info-tooltip {\n  display: flex;\n}\n:host .filling-form-fields-item-info.dismissed .filling-form-fields-item-info-tooltip {\n  display: none;\n}\n:host .filling-form-fields-item-info-tooltip {\n  position: absolute;\n  z-index: 10;\n  top: -12px;\n  left: 28px;\n  display: none;\n  width: 220px;\n  flex-direction: column;\n  gap: 8px;\n  padding: 16px 18px;\n  border: 1px solid #d8dbe1;\n  border-radius: 8px;\n  background: #f5f6f8;\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);\n  color: #2f343b;\n  line-height: 20px;\n  white-space: normal;\n}\n:host .filling-form-fields-item-hint.warning {\n  color: #845400;\n}\n:host .filling-form-fields-item-icon {\n  font-size: 22px;\n  line-height: 22px;\n  height: 22px;\n  width: 22px;\n}\n:host .filling-form-fields-item-icon.warning {\n  color: #845400;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n  border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid {\n  padding: 0 0 12px;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__leading {\n  border-color: #ff3e3e !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__trailing {\n  border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n  color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n  padding: 0;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error {\n  color: #E22222 !important;\n  font-size: 12px;\n  font-family: "Open Sans";\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-select-arrow {\n  color: #E22222 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-icon {\n  color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__leading {\n  border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__trailing {\n  border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-datepicker-toggle-default-icon {\n  color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-form-field-error {\n  display: none;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-select-arrow {\n  color: #d6d6d6 !important;\n}\n:host .filling-form-fields ::ng-deep {\n  --mat-form-field-container-vertical-padding: 6px;\n  --mat-form-field-container-height: 36px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n  line-height: 18px;\n}\n:host .filling-form-fields ::ng-deep input,\n:host .filling-form-fields ::ng-deep textarea {\n  font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n  font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mdc-text-field--disabled {\n  background-color: #F5F5F5 !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__leading {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__trailing {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-icon-button .mat-icon {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n:host .span-1 {\n  grid-column: span 1;\n}\n:host .span-2 {\n  grid-column: span 2;\n}\n:host .span-3 {\n  grid-column: span 3;\n}\n:host .span-4 {\n  grid-column: span 4;\n}\n:host .span-5 {\n  grid-column: span 5;\n}\n:host .span-6 {\n  grid-column: span 6;\n}\n:host .span-8 {\n  grid-column: span 8;\n}\n:host .span-12 {\n  grid-column: span 12;\n}\n:host .note-box {\n  padding: 16px 24px;\n  border: 1px solid #f0dea0;\n  border-radius: 4px;\n  background-color: #fdf9ee;\n  color: #7a5d00;\n}\n:host .note-box ::ng-deep .body-1-semibold {\n  color: inherit;\n}\n:host .column-1 {\n  grid-column: 1/span 2;\n}\n:host .column-2 {\n  grid-column: 1/span 4;\n}\n:host .column-3 {\n  grid-column: 1/span 6;\n}\n:host .epl-readonly-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n:host .beside-select {\n  align-self: end;\n  display: flex;\n  align-items: center;\n  min-height: 60px;\n  margin: 0;\n}\n:host .spaced-text {\n  margin: 8px 0;\n}\n:host .fee-warning {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 8px 0;\n  padding: 8px 12px !important;\n  border: 1px solid #f0d78c;\n  border-radius: 4px;\n  background-color: #fff8e1;\n  color: #845400;\n  font-size: 12px !important;\n}\n:host .fee-warning::before {\n  content: "!";\n  flex: none;\n  width: 12px;\n  height: 12px;\n  border: 1px solid #845400;\n  border-radius: 50%;\n  font-size: 9px;\n  font-weight: 700;\n  line-height: 12px;\n  text-align: center;\n}\n:host .epl-info-panel-field {\n  container-type: inline-size;\n}\n:host ::ng-deep input {\n  font-size: 14px !important;\n  color: var(--filing-modal-color-grey) !important;\n}\n:host ::ng-deep .epl-readonly-value {\n  display: flex;\n  align-items: center;\n  min-height: 36px;\n  padding: 0 16px;\n  border: 1px solid #F5F5F5;\n  border-radius: 8px;\n  background-color: #F5F5F5;\n  overflow-wrap: anywhere;\n}\n:host ::ng-deep .epl-info-panel {\n  display: grid;\n  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);\n  column-gap: 16px;\n  row-gap: 12px;\n  padding: 12px;\n  border-radius: 8px;\n  background-color: #F5F5F5;\n}\n:host ::ng-deep .epl-info-panel-item {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n@container (max-width: 560px) {\n  :host ::ng-deep .epl-info-panel {\n    grid-template-columns: minmax(0, 1fr);\n  }\n}\n.filing-form-group-select-option {\n  background: white !important;\n}\n.filing-form-group-select-option ::ng-deep .mat-pseudo-checkbox-checked {\n  background: transparent !important;\n}\n.filing-form-group-select-option ::ng-deep .mdc-list-item__primary-text {\n  font-family: "Open Sans";\n  font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */\n'] }]
         }], () => [], { dismissOpenTooltip: [{
           type: HostListener,
           args: ["document:keydown.escape"]
@@ -81305,12 +81312,16 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         federalUpdateMaintainInitialDelta = signal(null);
         bcChangeOfDirectorsInitialDelta = signal(null);
         bcFormationInitialDelta = signal(null);
+        bcChangeOfOfficeAddressesInitialDelta = signal(null);
         setFormationInitialDelta(delta) {
           this.formationInitialDelta.set(delta);
         }
         setBCFormationInitialDelta(delta) {
           this.bcFormationInitialDelta.set(delta);
         }
+        setBCChangeOfOfficeAddressesInitialDelta(delta) {
+          this.bcChangeOfOfficeAddressesInitialDelta.set(delta);
+        }
         setInitialReturnInitialDelta(delta) {
           this.initialReturnInitialDelta.set(delta);
         }
@@ -81330,6 +81341,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           this.federalUpdateMaintainInitialDelta.set(null);
           this.bcChangeOfDirectorsInitialDelta.set(null);
           this.bcFormationInitialDelta.set(null);
+          this.bcChangeOfOfficeAddressesInitialDelta.set(null);
         }
         static \u0275fac = function DeltaStateService_Factory(__ngFactoryType__) {
           return new (__ngFactoryType__ || _DeltaStateService)();
@@ -84137,7 +84149,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   });
 
   // src/app/constants/BritishColumbiaConstants.ts
-  var BCNameType, BCNameTypeLabel, BC_NUMBERED_NAME_PREVIEW, BCNotificationMethod, BCNotificationMethodLabel, BC_NOTIFICATION_METHOD_OPTIONS, BC_CHANGE_OF_DIRECTORS_FILING_FEE, BCAnnualReportReminder, BCAnnualReportReminderLabel, BC_ANNUAL_REPORT_REMINDER_OPTIONS, 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 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_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_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_app_enums();
@@ -84171,7 +84183,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       };
       BC_ANNUAL_REPORT_REMINDER_OPTIONS = Object.values(BCAnnualReportReminder).map((value) => ({ value, label: BCAnnualReportReminderLabel[value] }));
       Object.values(CANProvinces).map((province) => ({ value: province, label: province }));
-      CANProvinces.BritishColumbia;
+      BC_DEFAULT_PROVINCE_STATE = CANProvinces.BritishColumbia;
       BC_DEFAULT_COUNTRY = "Canada";
       BC_FUTURE_EFFECTIVE_DATE_FEE = "$100";
       BC_PASSWORD_MIN_LENGTH = 8;
@@ -84190,7 +84202,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   });
 
   // src/app/enums/british-columbia-form.enums.ts
-  var BCChangeOfDirectorsFormControls, BCChangeOfDirectorsFormGroups, BCFormationFormControls, BCFormationFormGroups;
+  var BCChangeOfDirectorsFormControls, BCChangeOfDirectorsFormGroups, BCFormationFormControls, BCChangeOfOfficeAddressesFormControls, BCChangeOfOfficeAddressesFormGroups, BCFormationFormGroups;
   var init_british_columbia_form_enums = __esm({
     "src/app/enums/british-columbia-form.enums.ts"() {
       (function(BCChangeOfDirectorsFormControls2) {
@@ -84255,6 +84267,33 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         BCFormationFormControls2["HasConfirmedCompletion"] = "hasConfirmedCompletion";
         BCFormationFormControls2["HasRequiredDocuments"] = "hasRequiredDocuments";
       })(BCFormationFormControls || (BCFormationFormControls = {}));
+      (function(BCChangeOfOfficeAddressesFormControls2) {
+        BCChangeOfOfficeAddressesFormControls2["ClientMatterNumber"] = "ClientMatterNumber";
+        BCChangeOfOfficeAddressesFormControls2["DocketNumber"] = "docketNumber";
+        BCChangeOfOfficeAddressesFormControls2["CorporationName"] = "corporationName";
+        BCChangeOfOfficeAddressesFormControls2["IncorporationNumber"] = "incorporationNumber";
+        BCChangeOfOfficeAddressesFormControls2["CompanyEmail"] = "companyEmail";
+        BCChangeOfOfficeAddressesFormControls2["AnnualReportReminder"] = "annualReportReminder";
+        BCChangeOfOfficeAddressesFormControls2["CurrentMailingAddress"] = "currentMailingAddress";
+        BCChangeOfOfficeAddressesFormControls2["CurrentDeliveryAddress"] = "currentDeliveryAddress";
+        BCChangeOfOfficeAddressesFormControls2["NewMailingAddress"] = "newMailingAddress";
+        BCChangeOfOfficeAddressesFormControls2["NewDeliveryAddress"] = "newDeliveryAddress";
+        BCChangeOfOfficeAddressesFormControls2["DeliverySameAsMailing"] = "deliverySameAsMailing";
+        BCChangeOfOfficeAddressesFormControls2["SameAsRegisteredOffice"] = "sameAsRegisteredOffice";
+        BCChangeOfOfficeAddressesFormControls2["AddressLine1"] = "addressLine1";
+        BCChangeOfOfficeAddressesFormControls2["AddressLine2"] = "addressLine2";
+        BCChangeOfOfficeAddressesFormControls2["City"] = "city";
+        BCChangeOfOfficeAddressesFormControls2["PostalCode"] = "postalCode";
+        BCChangeOfOfficeAddressesFormControls2["Province"] = "province";
+        BCChangeOfOfficeAddressesFormControls2["Country"] = "country";
+      })(BCChangeOfOfficeAddressesFormControls || (BCChangeOfOfficeAddressesFormControls = {}));
+      (function(BCChangeOfOfficeAddressesFormGroups2) {
+        BCChangeOfOfficeAddressesFormGroups2["ReferenceNumbers"] = "Reference Numbers";
+        BCChangeOfOfficeAddressesFormGroups2["CorporationDetails"] = "Corporation Details";
+        BCChangeOfOfficeAddressesFormGroups2["RegisteredOfficeAddress"] = "Registered Office Address";
+        BCChangeOfOfficeAddressesFormGroups2["RecordsOfficeAddress"] = "Records Office Address";
+        BCChangeOfOfficeAddressesFormGroups2["AnnualReportReminder"] = "Annual Report Reminder";
+      })(BCChangeOfOfficeAddressesFormGroups || (BCChangeOfOfficeAddressesFormGroups = {}));
       (function(BCFormationFormGroups2) {
         BCFormationFormGroups2["ReferenceNumbers"] = "Reference Numbers";
         BCFormationFormGroups2["CorporationDetails"] = "Corporation Details";
@@ -84275,9 +84314,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     const nameTranslations = entityDetails?.usesNameTranslation ? (entityDetails.nameTranslations ?? []).filter(Boolean) : [];
     const registeredOffice = findSharedAddressAffiliation(affiliations, AddressTitle2.REGISTERED_OFFICE);
     const recordsOffice = findSharedAddressAffiliation(affiliations, AddressTitle2.RECORDS_OFFICE);
-    const regMailing = pickAddress(registeredOffice?.addresses, "Mailing", true);
+    const regMailing = pickAddress(registeredOffice?.addresses, "Mailing");
     const regDelivery = pickAddress(registeredOffice?.addresses, "Delivery");
-    const recMailing = pickAddress(recordsOffice?.addresses, "Mailing", true);
+    const recMailing = pickAddress(recordsOffice?.addresses, "Mailing");
     const recDelivery = pickAddress(recordsOffice?.addresses, "Delivery");
     const regMailingBC = mapAddress(regMailing);
     const regDeliveryBC = regDelivery ? mapAddress(regDelivery) : void 0;
@@ -84327,9 +84366,20 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     } else if (email.length > 150) {
       issues.push("Company Email must be 150 characters or fewer.");
     }
+    if (!request.registeredOfficeMailingAddress?.streetAddress?.trim()) {
+      issues.push("The Registered Office has no Mailing address.");
+    }
+    for (const director of request.directors ?? []) {
+      if (!director.mailingAddress?.streetAddress?.trim()) {
+        issues.push(`Director ${`${director.firstName} ${director.lastName}`.trim()} has no Mailing address.`);
+      }
+    }
+    if (!request.authorizedShareStructure?.shareClasses?.length) {
+      issues.push("The Authorized Share Structure is required.");
+    }
     const password = request.password ?? "";
     if (password.length < BC_PASSWORD_MIN_LENGTH || password.length > BC_PASSWORD_MAX_LENGTH || !/^[A-Za-z0-9]+$/.test(password)) {
-      issues.push(`The company password (taken from the entity's registry ID) must be ${BC_PASSWORD_MIN_LENGTH} to ${BC_PASSWORD_MAX_LENGTH} letters or digits only. Update the registry ID in Athennian.`);
+      issues.push(`The company password (taken from the entity's registry ID) must be ${BC_PASSWORD_MIN_LENGTH} to ${BC_PASSWORD_MAX_LENGTH} letters or digits only.`);
     }
     return issues;
   }
@@ -84365,7 +84415,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   }
   function mapDirector(affiliation) {
     const addresses = affiliation.addresses?.length ? affiliation.addresses : affiliation.parent_affiliation?.addresses ?? [];
-    const mailing = mapAddress(pickAddress(addresses, "Mailing", true));
+    const mailing = mapAddress(pickAddress(addresses, "Mailing"));
     const deliveryAddress = pickAddress(addresses, "Delivery");
     const delivery = deliveryAddress ? mapAddress(deliveryAddress) : void 0;
     const isSame = !delivery || sameAddress(delivery, mailing);
@@ -84568,19 +84618,19 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           config2[BCFormationFormGroups.CorporationDetails] = this.generateCorporationDetailsFormGroup(task, delta?.entityDetails, companyEmail);
           config2[BCFormationFormGroups.RegisteredOfficeAddress] = new FormGroup({
             [BCFormationFormControls.MailingAddress]: new FormControl({
-              value: this.formatFullAddress(this.pickAddress(registeredOffice?.addresses, "Mailing")),
+              value: this.formatFullAddress(this.pickAddress(registeredOffice?.addresses, "Mailing", true)),
               disabled: true
             }),
             [BCFormationFormControls.DeliveryAddress]: new FormControl({
-              value: this.formatFullAddress(this.pickAddress(registeredOffice?.addresses, "Delivery")),
+              value: this.formatFullAddress(this.pickAddress(registeredOffice?.addresses, "Delivery", true)),
               disabled: true
             }),
             [BCFormationFormControls.RecordsOfficeMailingAddress]: new FormControl({
-              value: this.formatFullAddress(this.pickAddress(recordsOffice?.addresses, "Mailing")),
+              value: this.formatFullAddress(this.pickAddress(recordsOffice?.addresses, "Mailing", true)),
               disabled: true
             }),
             [BCFormationFormControls.RecordsOfficeDeliveryAddress]: new FormControl({
-              value: this.formatFullAddress(this.pickAddress(recordsOffice?.addresses, "Delivery")),
+              value: this.formatFullAddress(this.pickAddress(recordsOffice?.addresses, "Delivery", true)),
               disabled: true
             })
           });
@@ -84724,7 +84774,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             // Not shown on screen: taken from the registry ID when it satisfies the BC password rule
             // (otherwise empty). No validators here, as the user cannot fix it; the payload pre-flight
             // check (`findBCRequestIssues`) reports an unusable value.
-            [BCFormationFormControls.CompanyPassword]: new FormControl(deltaData?.password ?? this.suggestPassword(task.entity._profile.registry_id)),
+            [BCFormationFormControls.CompanyPassword]: new FormControl(
+              // `||`, not `??`: a delta saved while the registry ID was invalid holds '' and must not mask the corrected ID.
+              deltaData?.password || this.suggestPassword(task.entity._profile.registry_id)
+            ),
             [BCFormationFormControls.UsesNameTranslation]: new FormControl(usesNameTranslation),
             [BCFormationFormControls.NameTranslations]: new FormArray(translationRows)
           });
@@ -84804,11 +84857,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               disabled: true
             }),
             [BCFormationFormControls.MailingAddress]: new FormControl({
-              value: this.formatFullAddress(this.pickAddress(addresses, "Mailing")),
+              value: this.formatFullAddress(this.pickAddress(addresses, "Mailing", true)),
               disabled: true
             }),
             [BCFormationFormControls.DeliveryAddress]: new FormControl({
-              value: this.formatFullAddress(this.pickAddress(addresses, "Delivery")),
+              value: this.formatFullAddress(this.pickAddress(addresses, "Delivery", true)),
               disabled: true
             })
           });
@@ -84841,19 +84894,32 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         }
         /**
          * Athennian stores one address per `location_type` ("Mailing", "Delivery", …).
-         * Falls back to the first address so both lines render when only one exists.
+         * Falls back to the first address so both lines render when only one exists, unless
+         * `exact` is set: then only an address of that exact type is returned.
          */
-        static pickAddress(addresses, locationType) {
+        static pickAddress(addresses, locationType, exact = false) {
           if (!addresses?.length) {
             return void 0;
           }
-          return addresses.find((a) => (a.computed_location_type ?? a.location_type)?.toLowerCase() === locationType.toLowerCase()) ?? addresses[0];
+          const match = addresses.find((a) => (a.computed_location_type ?? a.location_type)?.toLowerCase() === locationType.toLowerCase());
+          return match ?? (exact ? void 0 : addresses[0]);
         }
       };
     }
   });
 
   // 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"() {
@@ -84875,14 +84941,13 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           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 effectiveDate = task._ext._effective_date ?? "";
           const today = (/* @__PURE__ */ new Date()).toISOString().split("T")[0];
           const config2 = {};
           config2[BCChangeOfDirectorsFormGroups.ReferenceNumbers] = this.generateReferenceNumbersFormGroup(delta?.referenceNumbers, task.entity._profile?.client_matter_number, delta?.referenceNumbers?.referenceNumber);
           config2[BCChangeOfDirectorsFormGroups.CorporationDetails] = new FormGroup({
             [Controls.CorporationName]: this.readOnly(task.entity._profile.name),
             [Controls.IncorporationNumber]: this.readOnly(task.entity._profile.corp_number),
-            [Controls.CompanyEmail]: new FormControl(companyEmail, [Validators.required, Validators.email])
+            [Controls.CompanyEmail]: this.readOnly(companyEmail)
           });
           const isDirector = (a) => isPrincipalAffiliation2(a) && a.role?.role_name === "Director";
           const incoming = task.incomingAffiliations ?? [];
@@ -84891,7 +84956,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           const hasAddOrCease = ceasedIds.size > 0 || incoming.filter(isDirector).length > 0;
           config2[BCChangeOfDirectorsFormGroups.FilingDetails] = new FormGroup({
             [Controls.DirectorsAddedOrDeleted]: new FormControl(delta?.filingDetails?.directorsAddedOrDeleted ?? hasAddOrCease),
-            [Controls.ChangeDate]: this.readOnly(effectiveDate),
+            [Controls.ChangeDate]: new FormControl(delta?.filingDetails?.changeDate ?? "", [
+              requiredIfValue(Controls.DirectorsAddedOrDeleted, true),
+              notInFuture()
+            ]),
             [Controls.FilingFee]: this.readOnly(BC_CHANGE_OF_DIRECTORS_FILING_FEE)
           });
           const currentDirectorKeys = this.getCurrentDirectorKeys(currentDataExtract);
@@ -85030,14 +85098,235 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }
   });
 
+  // src/app/helpers/british-columbia/change-of-office-addresses/british-columbia-change-of-office-addresses-form.helper.ts
+  var Controls2, COMPANY_EMAIL_TYPES, isCompanyEmail, incomingAddressByGrid, EDITABLE_ADDRESS_CONTROLS, BritishColumbiaChangeOfOfficeAddressesFormHelper;
+  var init_british_columbia_change_of_office_addresses_form_helper = __esm({
+    "src/app/helpers/british-columbia/change-of-office-addresses/british-columbia-change-of-office-addresses-form.helper.ts"() {
+      init_forms();
+      init_common_models();
+      init_british_columbia_form_enums();
+      init_BritishColumbiaConstants();
+      init_british_columbia_formation_form_helper();
+      init_BritishColumbiaConstants();
+      init_common_utils();
+      Controls2 = BCChangeOfOfficeAddressesFormControls;
+      COMPANY_EMAIL_TYPES = ["Business Email", "Email"];
+      isCompanyEmail = (communication) => Boolean(communication?.value) && COMPANY_EMAIL_TYPES.includes(communication?.type ?? "");
+      incomingAddressByGrid = /* @__PURE__ */ new WeakMap();
+      EDITABLE_ADDRESS_CONTROLS = [
+        Controls2.AddressLine1,
+        Controls2.AddressLine2,
+        Controls2.City,
+        Controls2.PostalCode
+      ];
+      BritishColumbiaChangeOfOfficeAddressesFormHelper = 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 recordsOffice = BritishColumbiaFormationFormHelper.findSharedAddressAffiliation(affiliations, AddressTitle2.RECORDS_OFFICE);
+          const incoming = this.incomingOfficeAddresses(task);
+          const seed = delta?.registeredOffice ? this.fillEmptyAddresses(delta, incoming) : this.seedFromIncomingAffiliations(task);
+          const config2 = {};
+          config2[BCChangeOfOfficeAddressesFormGroups.ReferenceNumbers] = this.generateReferenceNumbersFormGroup(delta?.referenceNumbers, task.entity._profile.client_matter_number);
+          config2[BCChangeOfOfficeAddressesFormGroups.CorporationDetails] = new FormGroup({
+            [Controls2.CorporationName]: this.readOnly(task.entity._profile.name),
+            [Controls2.IncorporationNumber]: this.readOnly(task.entity._profile.corp_number),
+            [Controls2.CompanyEmail]: new FormControl(delta?.companyEmail || this.resolveCompanyEmail(task), Validators.required)
+          });
+          config2[BCChangeOfOfficeAddressesFormGroups.AnnualReportReminder] = new FormGroup({
+            [Controls2.AnnualReportReminder]: new FormControl(delta?.annualReportReminder ?? BCAnnualReportReminder.Yes, Validators.required)
+          });
+          const regDeliverySame = seed.registeredOffice?.deliverySameAsMailing ?? true;
+          config2[BCChangeOfOfficeAddressesFormGroups.RegisteredOfficeAddress] = new FormGroup({
+            [Controls2.CurrentMailingAddress]: this.readOnly(format(pick(registeredOffice?.addresses, "Mailing"))),
+            [Controls2.CurrentDeliveryAddress]: this.readOnly(format(pick(registeredOffice?.addresses, "Delivery"))),
+            [Controls2.NewMailingAddress]: this.createOfficeAddressFormGroup(seed.registeredOffice?.mailingAddress, true),
+            [Controls2.DeliverySameAsMailing]: new FormControl(regDeliverySame),
+            [Controls2.NewDeliveryAddress]: this.createOfficeAddressFormGroup(seed.registeredOffice?.deliveryAddress, !regDeliverySame)
+          });
+          const recSameAsRegistered = seed.recordsOffice?.sameAsRegisteredOffice ?? true;
+          const recDeliverySame = seed.recordsOffice?.deliverySameAsMailing ?? true;
+          config2[BCChangeOfOfficeAddressesFormGroups.RecordsOfficeAddress] = new FormGroup({
+            [Controls2.CurrentMailingAddress]: this.readOnly(format(pick(recordsOffice?.addresses, "Mailing"))),
+            [Controls2.CurrentDeliveryAddress]: this.readOnly(format(pick(recordsOffice?.addresses, "Delivery"))),
+            [Controls2.SameAsRegisteredOffice]: new FormControl(recSameAsRegistered),
+            [Controls2.NewMailingAddress]: this.createOfficeAddressFormGroup(seed.recordsOffice?.mailingAddress, !recSameAsRegistered),
+            [Controls2.DeliverySameAsMailing]: new FormControl(recDeliverySame),
+            [Controls2.NewDeliveryAddress]: this.createOfficeAddressFormGroup(seed.recordsOffice?.deliveryAddress, !recSameAsRegistered && !recDeliverySame)
+          });
+          const grid = (group2, control) => config2[group2].get(control);
+          const register = (target, address) => address && incomingAddressByGrid.set(target, address);
+          register(grid(BCChangeOfOfficeAddressesFormGroups.RegisteredOfficeAddress, Controls2.NewDeliveryAddress), incoming.regDelivery);
+          register(grid(BCChangeOfOfficeAddressesFormGroups.RecordsOfficeAddress, Controls2.NewMailingAddress), incoming.recMailing);
+          register(grid(BCChangeOfOfficeAddressesFormGroups.RecordsOfficeAddress, Controls2.NewDeliveryAddress), incoming.recDelivery);
+          return config2;
+        }
+        /** The company email choices: the entity's email options, plus the resolved default if it isn't one. */
+        static getCompanyEmailOptions(task) {
+          const values = (task.entity.emailOptions ?? []).filter(isCompanyEmail).map((o) => o.value);
+          const fallback = this.resolveCompanyEmail(task);
+          return [...new Set(fallback ? [...values, fallback] : values)].map((value) => ({
+            value,
+            label: value
+          }));
+        }
+        /**
+         * Pre-fills the new addresses from the task's incoming "Shared Address" affiliations (Registered
+         * Office / Records Office), taking each Mailing / Delivery address from the affiliation or, when
+         * it has none, from its parent affiliation. Nothing is pre-filled without an incoming address.
+         */
+        static seedFromIncomingAffiliations(task) {
+          const { regMailing, regDelivery, recMailing, recDelivery } = this.incomingOfficeAddresses(task);
+          if (!regMailing && !recMailing) {
+            return {};
+          }
+          const regDeliverySame = !regDelivery || this.isSameOfficeAddress(regDelivery, regMailing);
+          const recDeliverySame = !recDelivery || this.isSameOfficeAddress(recDelivery, recMailing);
+          const recSameAsRegistered = !recMailing || this.isSameOfficeAddress(recMailing, regMailing) && this.isSameOfficeAddress(recDelivery ?? recMailing, regDelivery ?? regMailing);
+          return {
+            registeredOffice: {
+              mailingAddress: regMailing,
+              deliverySameAsMailing: regDeliverySame,
+              deliveryAddress: regDeliverySame ? void 0 : regDelivery
+            },
+            recordsOffice: {
+              sameAsRegisteredOffice: recSameAsRegistered,
+              mailingAddress: recSameAsRegistered ? void 0 : recMailing,
+              deliverySameAsMailing: recDeliverySame,
+              deliveryAddress: recDeliverySame ? void 0 : recDelivery
+            }
+          };
+        }
+        /** Keeps the saved flags and addresses, but fills an address the draft left empty from `incoming`. */
+        static fillEmptyAddresses(saved, incoming) {
+          const hasValues = (address) => EDITABLE_ADDRESS_CONTROLS.some((name) => Boolean(address?.[name]));
+          const pick = (savedAddress, incomingAddress) => hasValues(savedAddress) ? savedAddress : incomingAddress ?? savedAddress;
+          return {
+            registeredOffice: __spreadProps(__spreadValues({}, saved.registeredOffice), {
+              mailingAddress: pick(saved.registeredOffice?.mailingAddress, incoming.regMailing),
+              deliveryAddress: pick(saved.registeredOffice?.deliveryAddress, incoming.regDelivery)
+            }),
+            recordsOffice: __spreadProps(__spreadValues({}, saved.recordsOffice), {
+              mailingAddress: pick(saved.recordsOffice?.mailingAddress, incoming.recMailing),
+              deliveryAddress: pick(saved.recordsOffice?.deliveryAddress, incoming.recDelivery)
+            })
+          };
+        }
+        /** The four office addresses of the task's incoming Shared Address, as form values. */
+        static incomingOfficeAddresses(task) {
+          const incoming = task.incomingAffiliations ?? [];
+          const pickBy = (title, locationType) => {
+            const pool = incoming.filter((a) => a.role?.role_name === AddressRole2.SHARED_ADDRESS && a.role?.static_title === title).flatMap((a) => a.addresses?.length ? a.addresses : a.parent_affiliation?.addresses ?? []);
+            const wanted = locationType.toLowerCase();
+            const address = pool.find((a) => (a.computed_location_type ?? "").toLowerCase() === wanted || (a.location_type ?? "").toLowerCase() === wanted);
+            return address && this.isBritishColumbia(address) ? this.toOfficeAddressDelta(address) : void 0;
+          };
+          return {
+            regMailing: pickBy(AddressTitle2.REGISTERED_OFFICE, "Mailing"),
+            regDelivery: pickBy(AddressTitle2.REGISTERED_OFFICE, "Delivery"),
+            recMailing: pickBy(AddressTitle2.RECORDS_OFFICE, "Mailing"),
+            recDelivery: pickBy(AddressTitle2.RECORDS_OFFICE, "Delivery")
+          };
+        }
+        /** Street = street number + street name; the suite goes to Address Line 2. */
+        static toOfficeAddressDelta(address) {
+          const street = [getAddressComponent(address, "Street Number Only"), getAddressComponent(address, "Street Only")].filter(Boolean).join(" ") || getAddressComponent(address, "Street Address") || address.street || "";
+          return {
+            addressLine1: street,
+            addressLine2: getAddressComponent(address, "Suite/Apartment") || address.address2 || "",
+            city: address.city ?? "",
+            postalCode: address.postal_zip ?? "",
+            province: BC_DEFAULT_PROVINCE_STATE,
+            country: BC_DEFAULT_COUNTRY
+          };
+        }
+        /** An address with no province is accepted; the form only ever deals in British Columbia. */
+        static isBritishColumbia(address) {
+          const province = (address.province_state ?? "").trim().toLowerCase();
+          return !province || ["bc", "b.c.", "british columbia"].includes(province);
+        }
+        static isSameOfficeAddress(a, b) {
+          const key = (x) => [x?.addressLine1, x?.addressLine2, x?.city, x?.postalCode].map((v) => (v ?? "").trim().toLowerCase().replace(/\s+/g, " ")).join("|");
+          return key(a) === key(b);
+        }
+        /**
+         * The company's email: the entity's email options, then the Registered Office's email, then the
+         * entity's own, then any other address of the entity (e.g. a Head Office). Only a Business Email
+         * or an Email counts; a Personal Email never does.
+         */
+        static resolveCompanyEmail(task) {
+          const affiliations = task.entity.affiliations ?? [];
+          const registeredOffice = BritishColumbiaFormationFormHelper.findSharedAddressAffiliation(affiliations, AddressTitle2.REGISTERED_OFFICE);
+          return task.entity.emailOptions?.find(isCompanyEmail)?.value || registeredOffice?.addresses?.[0]?.communications?.find(isCompanyEmail)?.value || task.entity.communications?.find(isCompanyEmail)?.value || task.entity.addresses?.flatMap((a) => a.communications ?? []).find(isCompanyEmail)?.value || "";
+        }
+        /**
+         * Address Line 1*, Address Line 2, City*, Postal Code*, Province (BC), Country (Canada).
+         * Province and Country are always disabled; the rest follow `enabled`.
+         */
+        static createOfficeAddressFormGroup(delta, enabled = true) {
+          const group2 = new FormGroup({
+            [Controls2.AddressLine1]: new FormControl(delta?.addressLine1 ?? "", Validators.required),
+            [Controls2.AddressLine2]: new FormControl(delta?.addressLine2 ?? ""),
+            [Controls2.City]: new FormControl(delta?.city ?? "", Validators.required),
+            [Controls2.PostalCode]: new FormControl(delta?.postalCode ?? "", Validators.required),
+            [Controls2.Province]: this.readOnly(delta?.province ?? BC_DEFAULT_PROVINCE_STATE),
+            [Controls2.Country]: this.readOnly(delta?.country ?? BC_DEFAULT_COUNTRY)
+          });
+          this.setOfficeAddressEnabled(group2, enabled);
+          return group2;
+        }
+        /**
+         * Enables or disables the editable controls of an address grid (used by "Same as…" checkboxes).
+         * Hiding a grid also clears it. Showing it again refills it with the address Athennian sent for
+         * it, or leaves it empty when there is none (and when the user has already typed something).
+         */
+        static setOfficeAddressEnabled(group2, enabled) {
+          if (!group2) {
+            return;
+          }
+          const restore = incomingAddressByGrid.get(group2);
+          const isEmpty = EDITABLE_ADDRESS_CONTROLS.every((name) => !group2.get(name)?.value);
+          EDITABLE_ADDRESS_CONTROLS.forEach((name) => {
+            const control = group2.get(name);
+            if (enabled) {
+              control?.enable({ emitEvent: false });
+              if (restore && isEmpty) {
+                control?.setValue(restore[name] ?? "", { emitEvent: false });
+              }
+            } else {
+              control?.setValue("", { emitEvent: false });
+              control?.disable({ emitEvent: false });
+            }
+          });
+          group2.updateValueAndValidity({ emitEvent: false });
+        }
+        static generateReferenceNumbersFormGroup(deltaData, clientMatterNumber) {
+          return new FormGroup({
+            [Controls2.ClientMatterNumber]: new FormControl(
+              // `??`: an explicitly cleared value ('') in a saved draft must be preserved; the entity default applies only when absent.
+              deltaData?.referenceNumber ?? clientMatterNumber ?? ""
+            ),
+            [Controls2.DocketNumber]: new FormControl(deltaData?.docketNumber ?? "")
+          });
+        }
+        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, BC_COD_CARD_FORM_DIRECTORS_FIELDS, BC_COD_DELTA_CARD_FORM_ANNUAL_REPORT_REMINDER_FIELDS;
+  var Controls3, 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, 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;
+      Controls3 = 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,
@@ -85045,31 +85334,24 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         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;
+      directorsAddedOrDeleted = (form) => Boolean(form.get(Controls3.DirectorsAddedOrDeleted)?.value);
+      isNotifyByMail = (form) => form.get(Controls3.NotificationMethod)?.value === BCNotificationMethod.Mail;
       BC_COD_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS = [
         {
           type: FormType.Input,
           label: "Client/Matter Number",
-          formControlName: Controls2.ClientMatterNumber
+          formControlName: Controls3.ClientMatterNumber
         },
         {
           type: FormType.Input,
           label: "Docket Number",
-          formControlName: Controls2.DocketNumber
+          formControlName: Controls3.DocketNumber
         }
       ];
       BC_COD_CARD_FORM_CORPORATION_DETAILS_FIELDS = [
-        readOnlyRow("Corporation Name", Controls2.CorporationName),
-        readOnlyRow("Incorporation Number", Controls2.IncorporationNumber),
-        {
-          type: FormType.Select,
-          label: "Company Email",
-          formControlName: Controls2.CompanyEmail,
-          required: true,
-          options: [],
-          class: "span-12"
-        }
+        readOnlyRow("Corporation Name", Controls3.CorporationName),
+        readOnlyRow("Incorporation Number", Controls3.IncorporationNumber),
+        readOnlyRow("Company Email", Controls3.CompanyEmail)
       ];
       BC_COD_DELTA_CARD_FORM_FILING_DETAILS_FIELDS = [
         {
@@ -85081,16 +85363,24 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         {
           type: FormType.Checkbox,
           label: "Directors will be added and/or deleted as part of this filing",
-          formControlName: Controls2.DirectorsAddedOrDeleted,
+          formControlName: Controls3.DirectorsAddedOrDeleted,
           class: "span-12",
           onChange: (form) => {
-            form.get(Controls2.ChangeDate)?.updateValueAndValidity({ emitEvent: false });
+            if (!directorsAddedOrDeleted(form)) {
+              form.get(Controls3.ChangeDate)?.setValue("", { emitEvent: false });
+            }
+            form.get(Controls3.ChangeDate)?.updateValueAndValidity({ emitEvent: false });
           }
         },
-        __spreadProps(__spreadValues({}, readOnlyRow("Date Directors were added or deleted", Controls2.ChangeDate, "span-8")), {
-          isVisible: directorsAddedOrDeleted
-        }),
-        __spreadProps(__spreadValues({}, readOnlyRow("Filing Fee", Controls2.FilingFee, "span-4")), {
+        {
+          type: FormType.Date,
+          label: "Date Directors were added or deleted",
+          formControlName: Controls3.ChangeDate,
+          required: true,
+          isVisible: directorsAddedOrDeleted,
+          class: "span-8"
+        },
+        __spreadProps(__spreadValues({}, readOnlyRow("Filing Fee", Controls3.FilingFee, "span-4")), {
           isVisible: directorsAddedOrDeleted
         }),
         {
@@ -85102,34 +85392,34 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         }
       ];
       BC_COD_CARD_FORM_DIRECTORS_FIELDS = [
-        readOnlyRow("Mailing Address - Full Address", Controls2.MailingAddress),
-        readOnlyRow("Delivery Address - Full Address", Controls2.DeliveryAddress)
+        readOnlyRow("Mailing Address - Full Address", Controls3.MailingAddress),
+        readOnlyRow("Delivery Address - Full Address", Controls3.DeliveryAddress)
       ];
       [
         {
           type: FormType.Select,
           label: "Notification Method",
-          formControlName: Controls2.NotificationMethod,
+          formControlName: Controls3.NotificationMethod,
           required: true,
           options: BC_NOTIFICATION_METHOD_OPTIONS,
           needTranslate: true,
           class: "span-6",
-          onChange: (form) => form.get(Controls2.NotificationEmail)?.updateValueAndValidity({ emitEvent: false })
+          onChange: (form) => form.get(Controls3.NotificationEmail)?.updateValueAndValidity({ emitEvent: false })
         },
         {
           type: FormType.Input,
           label: "Notification Email",
-          formControlName: Controls2.NotificationEmail,
+          formControlName: Controls3.NotificationEmail,
           required: true,
           isVisible: (form) => !isNotifyByMail(form),
           class: "column-3"
         },
         {
           type: FormType.Text,
-          formControlName: Controls2.NotificationMailingAddress,
+          formControlName: Controls3.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")})`
+          dynamicLabel: (form, t) => `<span class="body-1-semibold">${t("Mailing Address")}:</span> ${t("defaults to Registered Office mailing address")} (${form.get(Controls3.NotificationMailingAddress)?.value || t("Not specified")})`
         }
       ];
       BC_COD_DELTA_CARD_FORM_ANNUAL_REPORT_REMINDER_FIELDS = [
@@ -85142,7 +85432,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         {
           type: FormType.Select,
           label: "Annual Report Reminder",
-          formControlName: Controls2.AnnualReportReminder,
+          formControlName: Controls3.AnnualReportReminder,
           required: true,
           options: BC_ANNUAL_REPORT_REMINDER_OPTIONS,
           needTranslate: true,
@@ -85155,7 +85445,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   // 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", 1);
+      \u0275\u0275element(0, "alert", 2);
     }
     if (rf & 2) {
       const ctx_r0 = \u0275\u0275nextContext();
@@ -85164,7 +85454,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   }
   function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_2_Template(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275element(0, "alert", 2);
+      \u0275\u0275element(0, "alert", 3);
     }
     if (rf & 2) {
       const ctx_r0 = \u0275\u0275nextContext();
@@ -85174,7 +85464,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_5_Template(rf, ctx) {
     if (rf & 1) {
       const _r2 = \u0275\u0275getCurrentView();
-      \u0275\u0275elementStart(0, "expandable-card", 4)(1, "filing-form-group", 9);
+      \u0275\u0275elementStart(0, "expandable-card", 5)(1, "filing-form-group", 10);
       \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_5_Template_filing_form_group_visiblyValidChange_1_listener($event) {
         \u0275\u0275restoreView(_r2);
         const ctx_r0 = \u0275\u0275nextContext();
@@ -85192,7 +85482,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   }
   function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_7_Template(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275elementStart(0, "expandable-card", 5)(1, "div", 10)(2, "p")(3, "strong");
+      \u0275\u0275elementStart(0, "expandable-card", 6)(1, "div", 11)(2, "p")(3, "strong");
       \u0275\u0275text(4);
       \u0275\u0275pipe(5, "translate");
       \u0275\u0275elementEnd();
@@ -85204,61 +85494,97 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275elementEnd();
       \u0275\u0275text(11);
       \u0275\u0275elementEnd();
-      \u0275\u0275element(12, "filing-form-group", 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, 9, "Corporation Name"), ":");
+      \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, 11, "Incorporation Number"), ":");
+      \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();
-      \u0275\u0275property("form", corporationDetails_r4)("config", ctx_r0.companyEmailFields())("isSubmitted", ctx_r0.isSubmitted());
+      \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) {
-      \u0275\u0275elementStart(0, "div", 15)(1, "div", 16)(2, "p", 17);
+      const _r7 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "div", 15)(1, "div", 16)(2, "label");
       \u0275\u0275text(3);
       \u0275\u0275pipe(4, "translate");
-      \u0275\u0275elementStart(5, "strong");
-      \u0275\u0275text(6);
-      \u0275\u0275elementEnd()()();
-      \u0275\u0275elementStart(7, "p", 18)(8, "strong");
-      \u0275\u0275text(9);
-      \u0275\u0275pipe(10, "translate");
+      \u0275\u0275elementStart(5, "span");
+      \u0275\u0275text(6, "*");
+      \u0275\u0275elementEnd()();
+      \u0275\u0275elementStart(7, "mat-form-field", 17)(8, "input", 18);
+      \u0275\u0275listener("click", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Conditional_11_Template_input_click_8_listener() {
+        \u0275\u0275restoreView(_r7);
+        const changeDatePicker_r8 = \u0275\u0275reference(12);
+        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\u0275text(11);
+      \u0275\u0275elementStart(9, "button", 19);
+      \u0275\u0275listener("click", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Conditional_11_Template_button_click_9_listener() {
+        \u0275\u0275restoreView(_r7);
+        const changeDatePicker_r8 = \u0275\u0275reference(12);
+        return \u0275\u0275resetView(changeDatePicker_r8.open());
+      });
+      \u0275\u0275element(10, "span", 20);
+      \u0275\u0275elementEnd();
+      \u0275\u0275element(11, "mat-datepicker", null, 0);
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(13, "p", 21);
+      \u0275\u0275text(14);
+      \u0275\u0275pipe(15, "translate");
+      \u0275\u0275elementEnd()();
+      \u0275\u0275elementStart(16, "p", 22)(17, "strong");
+      \u0275\u0275text(18);
+      \u0275\u0275pipe(19, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275text(20);
       \u0275\u0275elementEnd()();
     }
     if (rf & 2) {
-      let tmp_8_0;
-      let tmp_10_0;
+      let tmp_13_0;
+      const changeDatePicker_r8 = \u0275\u0275reference(12);
       const ctx_r0 = \u0275\u0275nextContext(2);
       const filingDetails_r6 = \u0275\u0275readContextLet(8);
       \u0275\u0275advance(3);
-      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(4, 4, "The date on which the individual(s) became or ceased to be a director:"), " ");
-      \u0275\u0275advance(3);
-      \u0275\u0275textInterpolate(ctx_r0.getEffectiveDateDisplay((tmp_8_0 = filingDetails_r6.get(ctx_r0.controls.ChangeDate)) == null ? null : tmp_8_0.value));
-      \u0275\u0275advance(3);
-      \u0275\u0275textInterpolate1("", \u0275\u0275pipeBind1(10, 6, "Filing Fee"), ":");
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(4, 6, "Date Directors were added or deleted"), "");
+      \u0275\u0275advance(5);
+      \u0275\u0275property("matDatepicker", changeDatePicker_r8)("formControlName", ctx_r0.controls.ChangeDate);
+      \u0275\u0275advance(6);
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(15, 8, "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(19, 10, "Filing Fee"), ":");
       \u0275\u0275advance(2);
-      \u0275\u0275textInterpolate1(" ", (tmp_10_0 = filingDetails_r6.get(ctx_r0.controls.FilingFee)) == null ? null : tmp_10_0.value, " ");
+      \u0275\u0275textInterpolate1(" ", (tmp_13_0 = filingDetails_r6.get(ctx_r0.controls.FilingFee)) == null ? null : tmp_13_0.value, " ");
     }
   }
   function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Template(rf, ctx) {
     if (rf & 1) {
       const _r5 = \u0275\u0275getCurrentView();
-      \u0275\u0275elementStart(0, "expandable-card", 6)(1, "div", 12)(2, "div", 13)(3, "strong");
+      \u0275\u0275elementStart(0, "expandable-card", 7)(1, "div", 12)(2, "div", 13)(3, "strong");
       \u0275\u0275text(4);
       \u0275\u0275pipe(5, "translate");
       \u0275\u0275elementEnd();
@@ -85268,16 +85594,18 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275elementStart(8, "mat-checkbox", 14);
       \u0275\u0275listener("change", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Template_mat_checkbox_change_8_listener() {
         let tmp_7_0;
+        let tmp_8_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 });
+        (tmp_7_0 = filingDetails_r6.get(ctx_r0.controls.ChangeDate)) == null ? null : tmp_7_0.reset(((tmp_7_0 = filingDetails_r6.get(ctx_r0.controls.DirectorsAddedOrDeleted)) == null ? null : tmp_7_0.value) ? (tmp_7_0 = filingDetails_r6.get(ctx_r0.controls.ChangeDate)) == null ? null : tmp_7_0.value : null, { emitEvent: false });
+        (tmp_8_0 = filingDetails_r6.get(ctx_r0.controls.ChangeDate)) == null ? null : tmp_8_0.updateValueAndValidity({ emitEvent: false });
         return \u0275\u0275resetView(ctx_r0.onSectionValidChange("filingDetails", filingDetails_r6.valid));
       });
       \u0275\u0275text(9);
       \u0275\u0275pipe(10, "translate");
       \u0275\u0275elementEnd();
-      \u0275\u0275template(11, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Conditional_11_Template, 12, 8, "div", 15);
+      \u0275\u0275template(11, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Conditional_11_Template, 21, 12, "div", 15);
       \u0275\u0275elementEnd()();
     }
     if (rf & 2) {
@@ -85301,7 +85629,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   }
   function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_12_For_12_Conditional_1_Conditional_4_Template(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275elementStart(0, "span", 23);
+      \u0275\u0275elementStart(0, "span", 27);
       \u0275\u0275text(1);
       \u0275\u0275pipe(2, "translate");
       \u0275\u0275elementEnd();
@@ -85313,7 +85641,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   }
   function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_12_For_12_Conditional_1_Conditional_5_Template(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275elementStart(0, "span", 24);
+      \u0275\u0275elementStart(0, "span", 28);
       \u0275\u0275text(1);
       \u0275\u0275pipe(2, "translate");
       \u0275\u0275elementEnd();
@@ -85325,15 +85653,15 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   }
   function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_12_For_12_Conditional_1_Template(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275elementStart(0, "div", 21)(1, "div", 22)(2, "strong");
+      \u0275\u0275elementStart(0, "div", 25)(1, "div", 26)(2, "strong");
       \u0275\u0275text(3);
       \u0275\u0275elementEnd();
-      \u0275\u0275template(4, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_12_For_12_Conditional_1_Conditional_4_Template, 3, 3, "span", 23)(5, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_12_For_12_Conditional_1_Conditional_5_Template, 3, 3, "span", 24);
+      \u0275\u0275template(4, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_12_For_12_Conditional_1_Conditional_4_Template, 3, 3, "span", 27)(5, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_12_For_12_Conditional_1_Conditional_5_Template, 3, 3, "span", 28);
       \u0275\u0275elementEnd();
-      \u0275\u0275elementStart(6, "div", 22);
+      \u0275\u0275elementStart(6, "div", 26);
       \u0275\u0275text(7);
       \u0275\u0275elementEnd();
-      \u0275\u0275elementStart(8, "div", 22);
+      \u0275\u0275elementStart(8, "div", 26);
       \u0275\u0275text(9);
       \u0275\u0275elementEnd()();
     }
@@ -85342,43 +85670,43 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       let tmp_22_0;
       let tmp_23_0;
       \u0275\u0275nextContext();
-      const directorForm_r7 = \u0275\u0275readContextLet(0);
+      const directorForm_r9 = \u0275\u0275readContextLet(0);
       const ctx_r0 = \u0275\u0275nextContext(2);
       \u0275\u0275advance(3);
-      \u0275\u0275textInterpolate((tmp_19_0 = directorForm_r7.get(ctx_r0.controls.AffiliationName)) == null ? null : tmp_19_0.value);
+      \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_r7) ? 4 : -1);
+      \u0275\u0275conditional(ctx_r0.isNewDirector(directorForm_r9) ? 4 : -1);
       \u0275\u0275advance();
-      \u0275\u0275conditional(ctx_r0.isCeasedDirector(directorForm_r7) ? 5 : -1);
+      \u0275\u0275conditional(ctx_r0.isCeasedDirector(directorForm_r9) ? 5 : -1);
       \u0275\u0275advance(2);
-      \u0275\u0275textInterpolate((tmp_22_0 = directorForm_r7.get(ctx_r0.controls.MailingAddress)) == null ? null : tmp_22_0.value);
+      \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_r7.get(ctx_r0.controls.DeliveryAddress)) == null ? null : tmp_23_0.value);
+      \u0275\u0275textInterpolate((tmp_23_0 = directorForm_r9.get(ctx_r0.controls.DeliveryAddress)) == null ? null : tmp_23_0.value);
     }
   }
   function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_12_For_12_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275declareLet(0);
-      \u0275\u0275template(1, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_12_For_12_Conditional_1_Template, 10, 5, "div", 21);
+      \u0275\u0275template(1, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_12_For_12_Conditional_1_Template, 10, 5, "div", 25);
     }
     if (rf & 2) {
-      const \u0275$index_96_r8 = ctx.$index;
-      const directorForm_r9 = \u0275\u0275storeLet(\u0275\u0275nextContext(2).getDirectorForm(\u0275$index_96_r8));
+      const \u0275$index_115_r10 = ctx.$index;
+      const directorForm_r11 = \u0275\u0275storeLet(\u0275\u0275nextContext(2).getDirectorForm(\u0275$index_115_r10));
       \u0275\u0275advance();
-      \u0275\u0275conditional(directorForm_r9 ? 1 : -1);
+      \u0275\u0275conditional(directorForm_r11 ? 1 : -1);
     }
   }
   function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_12_Template(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275elementStart(0, "div", 7)(1, "div", 19)(2, "div", 20);
+      \u0275\u0275elementStart(0, "div", 8)(1, "div", 23)(2, "div", 24);
       \u0275\u0275text(3);
       \u0275\u0275pipe(4, "translate");
       \u0275\u0275elementEnd();
-      \u0275\u0275elementStart(5, "div", 20);
+      \u0275\u0275elementStart(5, "div", 24);
       \u0275\u0275text(6);
       \u0275\u0275pipe(7, "translate");
       \u0275\u0275elementEnd();
-      \u0275\u0275elementStart(8, "div", 20);
+      \u0275\u0275elementStart(8, "div", 24);
       \u0275\u0275text(9);
       \u0275\u0275pipe(10, "translate");
       \u0275\u0275elementEnd()();
@@ -85387,7 +85715,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }
     if (rf & 2) {
       \u0275\u0275nextContext();
-      const directorsArray_r10 = \u0275\u0275readContextLet(10);
+      const directorsArray_r12 = \u0275\u0275readContextLet(10);
       \u0275\u0275advance(3);
       \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(4, 3, "Name"));
       \u0275\u0275advance(3);
@@ -85395,12 +85723,12 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275advance(3);
       \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(10, 7, "Delivery Address"));
       \u0275\u0275advance(2);
-      \u0275\u0275repeater(directorsArray_r10.controls);
+      \u0275\u0275repeater(directorsArray_r12.controls);
     }
   }
   function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_13_Template(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275elementStart(0, "h2", 8);
+      \u0275\u0275elementStart(0, "h2", 9);
       \u0275\u0275text(1);
       \u0275\u0275pipe(2, "translate");
       \u0275\u0275elementEnd();
@@ -85412,33 +85740,33 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   }
   function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_15_Template(rf, ctx) {
     if (rf & 1) {
-      const _r11 = \u0275\u0275getCurrentView();
-      \u0275\u0275elementStart(0, "expandable-card", 6)(1, "div", 25)(2, "p");
+      const _r13 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "expandable-card", 7)(1, "div", 29)(2, "p");
       \u0275\u0275text(3);
       \u0275\u0275pipe(4, "translate");
       \u0275\u0275elementEnd();
-      \u0275\u0275elementStart(5, "mat-radio-group", 26);
+      \u0275\u0275elementStart(5, "mat-radio-group", 30);
       \u0275\u0275listener("change", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_15_Template_mat_radio_group_change_5_listener() {
-        \u0275\u0275restoreView(_r11);
+        \u0275\u0275restoreView(_r13);
         const ctx_r0 = \u0275\u0275nextContext();
-        const annualReportReminder_r12 = \u0275\u0275readContextLet(14);
-        return \u0275\u0275resetView(ctx_r0.onSectionValidChange("annualReportReminder", annualReportReminder_r12.valid));
+        const annualReportReminder_r14 = \u0275\u0275readContextLet(14);
+        return \u0275\u0275resetView(ctx_r0.onSectionValidChange("annualReportReminder", annualReportReminder_r14.valid));
       });
-      \u0275\u0275elementStart(6, "mat-radio-button", 27);
+      \u0275\u0275elementStart(6, "mat-radio-button", 31);
       \u0275\u0275text(7);
       \u0275\u0275pipe(8, "translate");
       \u0275\u0275elementEnd();
-      \u0275\u0275elementStart(9, "mat-radio-button", 27);
+      \u0275\u0275elementStart(9, "mat-radio-button", 31);
       \u0275\u0275text(10);
       \u0275\u0275pipe(11, "translate");
       \u0275\u0275elementEnd()()()();
     }
     if (rf & 2) {
       const ctx_r0 = \u0275\u0275nextContext();
-      const annualReportReminder_r12 = \u0275\u0275readContextLet(14);
+      const annualReportReminder_r14 = \u0275\u0275readContextLet(14);
       \u0275\u0275property("isStatusIcon", !ctx_r0.readonly())("isValid", ctx_r0.sectionValidity["annualReportReminder"])("title", ctx_r0.groups.AnnualReportReminder);
       \u0275\u0275advance();
-      \u0275\u0275property("formGroup", annualReportReminder_r12);
+      \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);
@@ -85471,7 +85799,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_british_columbia_form_enums();
       init_british_columbia_change_of_directors_form_constants();
       init_BritishColumbiaConstants();
-      init_british_columbia_formation_form_helper();
       init_core();
       init_forms();
       BritishColumbiaChangeOfDirectorsFormComponent = class _BritishColumbiaChangeOfDirectorsFormComponent {
@@ -85487,13 +85814,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         controls = BCChangeOfDirectorsFormControls;
         annualReportReminderOption = BCAnnualReportReminder;
         referenceNumbersFields = BC_COD_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS;
-        corporationDetailsFields = computed(() => {
-          const corporationDetails = this.form().get(this.groups.CorporationDetails);
-          const currentEmail = corporationDetails?.get(this.controls.CompanyEmail)?.value;
-          const emailOptions = BritishColumbiaFormationFormHelper.buildCompanyEmailOptions(this.task(), currentEmail);
-          return BC_COD_CARD_FORM_CORPORATION_DETAILS_FIELDS.map((field) => field.formControlName === this.controls.CompanyEmail ? __spreadProps(__spreadValues({}, field), { options: emailOptions }) : field);
-        });
-        companyEmailFields = computed(() => this.corporationDetailsFields().filter((field) => field.formControlName === this.controls.CompanyEmail));
+        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;
@@ -85506,11 +85827,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           const annualReportReminder = this.getFormGroup(this.groups.AnnualReportReminder);
           return Object.values(this.sectionValidity).every((v) => v) && !filingDetails?.invalid && !dateInvalid && !annualReportReminder?.invalid;
         }
-        getEffectiveDateDisplay(value) {
-          const date = String(value ?? "").split("T")[0];
-          const [year, month, day] = date.split("-");
-          return year && month && day ? `${year}-${month}-${day}` : "\u2014";
-        }
         onSectionValidChange(section, valid) {
           this.sectionValidity = __spreadProps(__spreadValues({}, this.sectionValidity), { [section]: valid });
           this.visiblyValidChange.emit(this.isVisiblyValid());
@@ -85536,23 +85852,23 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         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: 16, vars: 14, consts: [[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"], ["role", "table", 1, "directors-table"], [1, "body-1-regular"], [3, "visiblyValidChange", "isSubmitted", "form", "config"], [1, "readonly-summary"], [3, "form", "config", "isSubmitted"], [1, "filing-details", 3, "formGroup"], [1, "note-box"], [1, "directors-change-checkbox", 3, "change", "formControlName"], [1, "filing-details-grid"], [1, "date-field"], [1, "effective-date-description"], [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) {
+        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: 16, vars: 14, 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"], ["role", "table", 1, "directors-table"], [1, "body-1-regular"], [3, "visiblyValidChange", "isSubmitted", "form", "config"], [1, "readonly-summary"], [1, "filing-details", 3, "formGroup"], [1, "note-box"], [1, "directors-change-checkbox", 3, "change", "formControlName"], [1, "filing-details-grid"], [1, "date-field"], ["appearance", "outline"], ["matInput", "", "placeholder", "dd/mm/yyyy", "readonly", "", 3, "click", "dateChange", "matDatepicker", "formControlName"], ["type", "button", "aria-label", "Open date picker", 1, "calendar-trigger", 3, "click"], ["aria-hidden", "true", 1, "calendar-icon"], [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", 0);
-            \u0275\u0275template(1, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_1_Template, 1, 1, "alert", 1)(2, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_2_Template, 1, 1, "alert", 2);
-            \u0275\u0275elementStart(3, "div", 3);
+            \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", 4);
+            \u0275\u0275template(5, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_5_Template, 2, 4, "expandable-card", 5);
             \u0275\u0275declareLet(6);
-            \u0275\u0275template(7, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_7_Template, 13, 13, "expandable-card", 5);
+            \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", 6);
+            \u0275\u0275template(9, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Template, 12, 15, "expandable-card", 7);
             \u0275\u0275declareLet(10);
-            \u0275\u0275elementStart(11, "expandable-card", 5);
-            \u0275\u0275template(12, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_12_Template, 13, 9, "div", 7)(13, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_13_Template, 3, 3, "h2", 8);
+            \u0275\u0275elementStart(11, "expandable-card", 6);
+            \u0275\u0275template(12, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_12_Template, 13, 9, "div", 8)(13, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_13_Template, 3, 3, "h2", 9);
             \u0275\u0275elementEnd();
             \u0275\u0275declareLet(14);
-            \u0275\u0275template(15, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_15_Template, 12, 16, "expandable-card", 6);
+            \u0275\u0275template(15, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_15_Template, 12, 16, "expandable-card", 7);
             \u0275\u0275elementEnd()();
           }
           if (rf & 2) {
@@ -85561,42 +85877,47 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             \u0275\u0275advance();
             \u0275\u0275conditional(ctx.errors().length ? 2 : -1);
             \u0275\u0275advance(2);
-            const referenceNumbers_r13 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.ReferenceNumbers));
+            const referenceNumbers_r15 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.ReferenceNumbers));
             \u0275\u0275advance();
-            \u0275\u0275conditional(referenceNumbers_r13 ? 5 : -1);
+            \u0275\u0275conditional(referenceNumbers_r15 ? 5 : -1);
             \u0275\u0275advance();
-            const corporationDetails_r14 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.CorporationDetails));
+            const corporationDetails_r16 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.CorporationDetails));
             \u0275\u0275advance();
-            \u0275\u0275conditional(corporationDetails_r14 ? 7 : -1);
+            \u0275\u0275conditional(corporationDetails_r16 ? 7 : -1);
             \u0275\u0275advance();
-            const filingDetails_r15 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.FilingDetails));
+            const filingDetails_r17 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.FilingDetails));
             \u0275\u0275advance();
-            \u0275\u0275conditional(filingDetails_r15 ? 9 : -1);
+            \u0275\u0275conditional(filingDetails_r17 ? 9 : -1);
             \u0275\u0275advance();
-            const directorsArray_r16 = \u0275\u0275storeLet(ctx.getFormArray(ctx.groups.Directors));
+            const directorsArray_r18 = \u0275\u0275storeLet(ctx.getFormArray(ctx.groups.Directors));
             \u0275\u0275advance();
             \u0275\u0275property("isStatusIcon", false)("title", ctx.groups.Directors);
             \u0275\u0275advance();
-            \u0275\u0275conditional(directorsArray_r16 && directorsArray_r16.length ? 12 : 13);
+            \u0275\u0275conditional(directorsArray_r18 && directorsArray_r18.length ? 12 : 13);
             \u0275\u0275advance(2);
-            const annualReportReminder_r17 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.AnnualReportReminder));
+            const annualReportReminder_r19 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.AnnualReportReminder));
             \u0275\u0275advance();
-            \u0275\u0275conditional(annualReportReminder_r17 ? 15 : -1);
+            \u0275\u0275conditional(annualReportReminder_r19 ? 15 : -1);
           }
         }, dependencies: [
           FilingFormGroupComponent,
           AlertComponent,
           ExpandableCardComponent,
           MatCheckbox,
+          MatDatepicker,
+          MatDatepickerInput,
+          MatFormField,
+          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: flex;\n  flex-direction: column;\n  gap: 8px;\n  max-width: 100%;\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: 0;\n}\n[_nghost-%COMP%]   .filing-fee[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: #2f343b;\n  font-weight: 700;\n}\n[_nghost-%COMP%]   .effective-date-description[_ngcontent-%COMP%] {\n  color: #4b5563;\n  font-size: 14px;\n  line-height: 1.45;\n  margin: 0;\n}\n[_nghost-%COMP%]   .effective-date-description[_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-form-field[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]     .calendar-icon {\n  border: 2px solid #4b5563;\n  border-radius: 3px;\n  box-sizing: border-box;\n  display: block;\n  height: 17px;\n  position: relative;\n  width: 17px;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]     .calendar-icon::before {\n  border-top: 2px solid #4b5563;\n  content: "";\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 4px;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]     .calendar-icon::after {\n  background: #4b5563;\n  border-radius: 1px;\n  box-shadow: 6px 0 #4b5563;\n  content: "";\n  height: 3px;\n  left: 3px;\n  position: absolute;\n  top: -3px;\n  width: 2px;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]   .calendar-trigger[_ngcontent-%COMP%] {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  display: flex;\n  height: 40px;\n  justify-content: center;\n  padding: 0;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n  z-index: 2;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]   .calendar-trigger[_ngcontent-%COMP%]:hover {\n  background: #f3f4f6;\n  border-radius: 50%;\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 });
+        ], 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-form-field[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]     .calendar-icon {\n  border: 2px solid #4b5563;\n  border-radius: 3px;\n  box-sizing: border-box;\n  display: block;\n  height: 17px;\n  position: relative;\n  width: 17px;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]     .calendar-icon::before {\n  border-top: 2px solid #4b5563;\n  content: "";\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 4px;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]     .calendar-icon::after {\n  background: #4b5563;\n  border-radius: 1px;\n  box-shadow: 6px 0 #4b5563;\n  content: "";\n  height: 3px;\n  left: 3px;\n  position: absolute;\n  top: -3px;\n  width: 2px;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]   .calendar-trigger[_ngcontent-%COMP%] {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  display: flex;\n  height: 40px;\n  justify-content: center;\n  padding: 0;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n  z-index: 2;\n}\n[_nghost-%COMP%]   .date-field[_ngcontent-%COMP%]   .calendar-trigger[_ngcontent-%COMP%]:hover {\n  background: #f3f4f6;\n  border-radius: 50%;\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, [{
@@ -85657,11 +85978,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             <strong>{{ 'Incorporation Number' | translate }}:</strong>\r
             {{ corporationDetails.get(controls.IncorporationNumber)?.value }}\r
           </p>\r
-          <filing-form-group
-            [form]="corporationDetails"
-            [config]="companyEmailFields()"
-            [isSubmitted]="isSubmitted()"
-          />
+          <p>\r
+            <strong>{{ 'Company Email' | translate }}:</strong>\r
+            {{ corporationDetails.get(controls.CompanyEmail)?.value }}\r
+          </p>\r
         </div>\r
       </expandable-card>\r
     }\r
@@ -85685,28 +86005,56 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
 \r
           <mat-checkbox\r
             class="directors-change-checkbox"\r
-            [formControlName]="controls.DirectorsAddedOrDeleted"
-            (change)="
-              filingDetails.get(controls.ChangeDate)?.updateValueAndValidity({ emitEvent: false });
-              onSectionValidChange('filingDetails', filingDetails.valid)
-            "
+            [formControlName]="controls.DirectorsAddedOrDeleted"\r
+            (change)="\r
+              filingDetails.get(controls.ChangeDate)?.reset(\r
+                filingDetails.get(controls.DirectorsAddedOrDeleted)?.value\r
+                  ? filingDetails.get(controls.ChangeDate)?.value\r
+                  : null,\r
+                { emitEvent: false }\r
+              );\r
+              filingDetails.get(controls.ChangeDate)?.updateValueAndValidity({ emitEvent: false });\r
+              onSectionValidChange('filingDetails', filingDetails.valid)\r
+            "\r
           >\r
             {{ 'Directors will be added and/or deleted as part of this filing' | translate }}\r
           </mat-checkbox>\r
 \r
           @if (filingDetails.get(controls.DirectorsAddedOrDeleted)?.value) {\r
-            <div class="filing-details-grid">
-              <div class="date-field">
-                <p class="effective-date-description">
-                  {{
-                    'The date on which the individual(s) became or ceased to be a director:'
-                      | translate
-                  }}
-                  <strong>{{ getEffectiveDateDisplay(filingDetails.get(controls.ChangeDate)?.value) }}</strong>
-                </p>
-              </div>
-
-              <p class="filing-fee">
+            <div class="filing-details-grid">\r
+              <div class="date-field">\r
+                <label>\r
+                  {{ 'Date Directors were added or deleted' | translate }}<span>*</span>\r
+                </label>\r
+                <mat-form-field appearance="outline">\r
+                  <input\r
+                    matInput\r
+                    [matDatepicker]="changeDatePicker"\r
+                    [formControlName]="controls.ChangeDate"\r
+                    placeholder="dd/mm/yyyy"\r
+                    readonly\r
+                    (click)="changeDatePicker.open()"\r
+                    (dateChange)="onSectionValidChange('filingDetails', filingDetails.valid)"\r
+                  />\r
+                  <button\r
+                    type="button"\r
+                    class="calendar-trigger"\r
+                    aria-label="Open date picker"\r
+                    (click)="changeDatePicker.open()"\r
+                  >\r
+                    <span class="calendar-icon" aria-hidden="true"></span>\r
+                  </button>\r
+                  <mat-datepicker #changeDatePicker></mat-datepicker>\r
+                </mat-form-field>\r
+                <p class="hint">\r
+                  {{\r
+                    "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."\r
+                      | translate\r
+                  }}\r
+                </p>\r
+              </div>\r
+\r
+              <p class="filing-fee">\r
                 <strong>{{ 'Filing Fee' | translate }}:</strong>\r
                 {{ filingDetails.get(controls.FilingFee)?.value }}\r
               </p>\r
@@ -85718,8 +86066,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
 \r
     @let directorsArray = getFormArray(groups.Directors);\r
 \r
-    <expandable-card [isStatusIcon]="false" [title]="groups.Directors">
-      @if (directorsArray && directorsArray.length) {
+    <expandable-card [isStatusIcon]="false" [title]="groups.Directors">\r
+      @if (directorsArray && directorsArray.length) {\r
         <div class="directors-table" role="table">\r
           <div class="directors-table-header" role="row">\r
             <div role="columnheader">{{ 'Name' | translate }}</div>\r
@@ -85782,11 +86130,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }\r
   </div>\r
 </div>\r
-`, 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: flex;\n  flex-direction: column;\n  gap: 8px;\n  max-width: 100%;\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: 0;\n}\n:host .filing-fee strong {\n  color: #2f343b;\n  font-weight: 700;\n}\n:host .effective-date-description {\n  color: #4b5563;\n  font-size: 14px;\n  line-height: 1.45;\n  margin: 0;\n}\n:host .effective-date-description 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 mat-form-field {\n  position: relative;\n  width: 100%;\n}\n:host .date-field ::ng-deep .calendar-icon {\n  border: 2px solid #4b5563;\n  border-radius: 3px;\n  box-sizing: border-box;\n  display: block;\n  height: 17px;\n  position: relative;\n  width: 17px;\n}\n:host .date-field ::ng-deep .calendar-icon::before {\n  border-top: 2px solid #4b5563;\n  content: "";\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 4px;\n}\n:host .date-field ::ng-deep .calendar-icon::after {\n  background: #4b5563;\n  border-radius: 1px;\n  box-shadow: 6px 0 #4b5563;\n  content: "";\n  height: 3px;\n  left: 3px;\n  position: absolute;\n  top: -3px;\n  width: 2px;\n}\n:host .date-field .calendar-trigger {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  display: flex;\n  height: 40px;\n  justify-content: center;\n  padding: 0;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n  z-index: 2;\n}\n:host .date-field .calendar-trigger:hover {\n  background: #f3f4f6;\n  border-radius: 50%;\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'] }]
+`, 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 mat-form-field {\n  position: relative;\n  width: 100%;\n}\n:host .date-field ::ng-deep .calendar-icon {\n  border: 2px solid #4b5563;\n  border-radius: 3px;\n  box-sizing: border-box;\n  display: block;\n  height: 17px;\n  position: relative;\n  width: 17px;\n}\n:host .date-field ::ng-deep .calendar-icon::before {\n  border-top: 2px solid #4b5563;\n  content: "";\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 4px;\n}\n:host .date-field ::ng-deep .calendar-icon::after {\n  background: #4b5563;\n  border-radius: 1px;\n  box-shadow: 6px 0 #4b5563;\n  content: "";\n  height: 3px;\n  left: 3px;\n  position: absolute;\n  top: -3px;\n  width: 2px;\n}\n:host .date-field .calendar-trigger {\n  align-items: center;\n  background: transparent;\n  border: 0;\n  cursor: pointer;\n  display: flex;\n  height: 40px;\n  justify-content: center;\n  padding: 0;\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 40px;\n  z-index: 2;\n}\n:host .date-field .calendar-trigger:hover {\n  background: #f3f4f6;\n  border-radius: 50%;\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: 61 });
+        (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: 59 });
       })();
     }
   });
@@ -86026,7 +86374,7 @@ 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 }));
-      labelledValue2 = (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("None")}`;
       isNamed = (form) => form.get(BCFormationFormControls.CorporationNameType)?.value === BCNameType.Named;
       BC_FORMATION_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS = [
         {
@@ -86230,6 +86578,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           type: FormType.Input,
           label: "Province / State",
           formControlName: BCFormationFormControls.ProvinceState,
+          required: true,
           class: "column-2"
         },
         {
@@ -87312,6 +87661,1000 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }
   });
 
+  // src/app/constants/ui/british-columbia-change-of-office-addresses-form.constants.ts
+  var Controls4, labelledValue3, readOnlyRow2, isChecked, addressGroup, BC_COA_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS, effectiveDateNote, BC_COA_CARD_FORM_CORPORATION_DETAILS_FIELDS, BC_COA_CARD_FORM_CURRENT_ADDRESSES_FIELDS, BC_COA_DELTA_CARD_FORM_OFFICE_ADDRESS_FIELDS, BC_COA_CARD_FORM_DELIVERY_ADDRESS_NOTE_FIELDS, BC_COA_DELTA_CARD_FORM_DELIVERY_SAME_AS_MAILING_FIELDS, BC_COA_DELTA_CARD_FORM_SAME_AS_REGISTERED_OFFICE_FIELDS;
+  var init_british_columbia_change_of_office_addresses_form_constants = __esm({
+    "src/app/constants/ui/british-columbia-change-of-office-addresses-form.constants.ts"() {
+      init_form_enums();
+      init_british_columbia_form_enums();
+      init_british_columbia_change_of_office_addresses_form_helper();
+      Controls4 = BCChangeOfOfficeAddressesFormControls;
+      labelledValue3 = (label, value, t) => `<span class="body-1-semibold">${t(label)}:</span> ${value || t("Not specified")}`;
+      readOnlyRow2 = (label, control, className = "span-12") => ({
+        type: FormType.Text,
+        formControlName: control,
+        class: className,
+        dynamicLabel: (form, t) => labelledValue3(label, form.get(control)?.value, t)
+      });
+      isChecked = (form, control) => Boolean(form.get(control)?.value);
+      addressGroup = (form, control) => form.get(control);
+      BC_COA_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS = [
+        {
+          type: FormType.Input,
+          label: "Client/Matter Number",
+          formControlName: Controls4.ClientMatterNumber
+        },
+        {
+          type: FormType.Input,
+          label: "Docket Number",
+          formControlName: Controls4.DocketNumber
+        }
+      ];
+      effectiveDateNote = {
+        type: FormType.Text,
+        formControlName: "",
+        class: "span-12 note-box",
+        dynamicLabel: (_, t) => `<span class="body-1-semibold">${t("Note")}:</span> ${t("The new addresses will take effect at the beginning of the day following the filing date. The registered and records offices must be located in British Columbia.")}`
+      };
+      BC_COA_CARD_FORM_CORPORATION_DETAILS_FIELDS = (emailOptions) => [
+        readOnlyRow2("Corporation Name", Controls4.CorporationName),
+        readOnlyRow2("Incorporation Number", Controls4.IncorporationNumber),
+        {
+          type: FormType.Select,
+          label: "Company Email",
+          formControlName: Controls4.CompanyEmail,
+          required: true,
+          options: emailOptions,
+          class: "span-6"
+        },
+        effectiveDateNote
+      ];
+      BC_COA_CARD_FORM_CURRENT_ADDRESSES_FIELDS = [
+        readOnlyRow2("Current Mailing Address", Controls4.CurrentMailingAddress),
+        readOnlyRow2("Current Delivery Address", Controls4.CurrentDeliveryAddress)
+      ];
+      BC_COA_DELTA_CARD_FORM_OFFICE_ADDRESS_FIELDS = [
+        {
+          type: FormType.Input,
+          label: "Address Line 1",
+          formControlName: Controls4.AddressLine1,
+          required: true,
+          class: "span-6"
+        },
+        {
+          type: FormType.Input,
+          label: "Address Line 2",
+          formControlName: Controls4.AddressLine2,
+          class: "span-6"
+        },
+        {
+          type: FormType.Input,
+          label: "City",
+          formControlName: Controls4.City,
+          required: true,
+          class: "span-6"
+        },
+        {
+          type: FormType.Input,
+          label: "Postal Code",
+          formControlName: Controls4.PostalCode,
+          required: true,
+          class: "span-6"
+        },
+        {
+          type: FormType.Input,
+          label: "Province",
+          formControlName: Controls4.Province,
+          readonly: true,
+          class: "span-6"
+        },
+        {
+          type: FormType.Input,
+          label: "Country",
+          formControlName: Controls4.Country,
+          readonly: true,
+          class: "span-6"
+        }
+      ];
+      BC_COA_CARD_FORM_DELIVERY_ADDRESS_NOTE_FIELDS = [
+        {
+          type: FormType.Text,
+          formControlName: "",
+          class: "span-12",
+          dynamicLabel: (_, t) => t("The delivery address must be a physical location in British Columbia where documents can be delivered during statutory business hours. A post office box is not acceptable.")
+        }
+      ];
+      BC_COA_DELTA_CARD_FORM_DELIVERY_SAME_AS_MAILING_FIELDS = [
+        {
+          type: FormType.Checkbox,
+          label: "Same as Mailing Address",
+          formControlName: Controls4.DeliverySameAsMailing,
+          class: "span-12",
+          onChange: (form) => BritishColumbiaChangeOfOfficeAddressesFormHelper.setOfficeAddressEnabled(addressGroup(form, Controls4.NewDeliveryAddress), !isChecked(form, Controls4.DeliverySameAsMailing))
+        }
+      ];
+      BC_COA_DELTA_CARD_FORM_SAME_AS_REGISTERED_OFFICE_FIELDS = [
+        {
+          type: FormType.Checkbox,
+          label: "Same as Registered Office",
+          formControlName: Controls4.SameAsRegisteredOffice,
+          class: "span-12",
+          onChange: (form) => {
+            const sameAsRegistered = isChecked(form, Controls4.SameAsRegisteredOffice);
+            const deliverySame = isChecked(form, Controls4.DeliverySameAsMailing);
+            BritishColumbiaChangeOfOfficeAddressesFormHelper.setOfficeAddressEnabled(addressGroup(form, Controls4.NewMailingAddress), !sameAsRegistered);
+            BritishColumbiaChangeOfOfficeAddressesFormHelper.setOfficeAddressEnabled(addressGroup(form, Controls4.NewDeliveryAddress), !sameAsRegistered && !deliverySame);
+          }
+        }
+      ];
+    }
+  });
+
+  // src/app/components/british-columbia/change-of-office-addresses/change-of-office-addresses-form/change-of-office-addresses-form.component.ts
+  function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_1_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275element(0, "alert", 1);
+    }
+    if (rf & 2) {
+      const ctx_r0 = \u0275\u0275nextContext();
+      \u0275\u0275property("type", ctx_r0.alertType.Info);
+    }
+  }
+  function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_2_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275element(0, "alert", 2);
+    }
+    if (rf & 2) {
+      const ctx_r0 = \u0275\u0275nextContext();
+      \u0275\u0275property("content", ctx_r0.errors());
+    }
+  }
+  function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_5_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r2 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "expandable-card", 4)(1, "filing-form-group", 7);
+      \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_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 BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_7_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r4 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "expandable-card", 5)(1, "filing-form-group", 7);
+      \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_7_Template_filing_form_group_visiblyValidChange_1_listener($event) {
+        \u0275\u0275restoreView(_r4);
+        const ctx_r0 = \u0275\u0275nextContext();
+        return \u0275\u0275resetView(ctx_r0.onSectionValidChange("corpDetails", $event));
+      });
+      \u0275\u0275elementEnd()();
+    }
+    if (rf & 2) {
+      const ctx_r0 = \u0275\u0275nextContext();
+      const corporationDetails_r5 = \u0275\u0275readContextLet(6);
+      \u0275\u0275property("isStatusIcon", !ctx_r0.readonly())("isValid", ctx_r0.sectionValidity["corpDetails"] !== false)("title", ctx_r0.groups.CorporationDetails);
+      \u0275\u0275advance();
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", corporationDetails_r5)("config", ctx_r0.corporationDetailsFields());
+    }
+  }
+  function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Conditional_9_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r7 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "filing-form-group", 7);
+      \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Conditional_9_Template_filing_form_group_visiblyValidChange_0_listener() {
+        \u0275\u0275restoreView(_r7);
+        const ctx_r0 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r0.emitValidity());
+      });
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      \u0275\u0275nextContext();
+      const registeredMailing_r8 = \u0275\u0275readContextLet(0);
+      const ctx_r0 = \u0275\u0275nextContext();
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", registeredMailing_r8)("config", ctx_r0.addressFields);
+    }
+  }
+  function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Conditional_14_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r9 = \u0275\u0275getCurrentView();
+      \u0275\u0275element(0, "filing-form-group", 9);
+      \u0275\u0275elementStart(1, "filing-form-group", 7);
+      \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Conditional_14_Template_filing_form_group_visiblyValidChange_1_listener() {
+        \u0275\u0275restoreView(_r9);
+        const ctx_r0 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r0.emitValidity());
+      });
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      \u0275\u0275nextContext();
+      const registeredDelivery_r10 = \u0275\u0275readContextLet(1);
+      const ctx_r0 = \u0275\u0275nextContext();
+      const registeredOffice_r11 = \u0275\u0275readContextLet(8);
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", registeredOffice_r11)("config", ctx_r0.deliveryNoteFields);
+      \u0275\u0275advance();
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", registeredDelivery_r10)("config", ctx_r0.addressFields);
+    }
+  }
+  function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r6 = \u0275\u0275getCurrentView();
+      \u0275\u0275declareLet(0)(1)(2);
+      \u0275\u0275elementStart(3, "expandable-card", 5)(4, "div", 8);
+      \u0275\u0275element(5, "filing-form-group", 9);
+      \u0275\u0275elementStart(6, "h4", 10);
+      \u0275\u0275text(7);
+      \u0275\u0275pipe(8, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275template(9, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Conditional_9_Template, 1, 3, "filing-form-group", 9);
+      \u0275\u0275elementStart(10, "h4", 10);
+      \u0275\u0275text(11);
+      \u0275\u0275pipe(12, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(13, "filing-form-group", 7);
+      \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Template_filing_form_group_visiblyValidChange_13_listener() {
+        \u0275\u0275restoreView(_r6);
+        const ctx_r0 = \u0275\u0275nextContext();
+        return \u0275\u0275resetView(ctx_r0.emitValidity());
+      });
+      \u0275\u0275elementEnd();
+      \u0275\u0275template(14, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Conditional_14_Template, 2, 6);
+      \u0275\u0275elementEnd()();
+    }
+    if (rf & 2) {
+      const ctx_r0 = \u0275\u0275nextContext();
+      const registeredOffice_r11 = \u0275\u0275readContextLet(8);
+      const registeredMailing_r12 = \u0275\u0275storeLet(ctx_r0.getAddressGroup(registeredOffice_r11, ctx_r0.controls.NewMailingAddress));
+      \u0275\u0275advance();
+      const registeredDelivery_r13 = \u0275\u0275storeLet(ctx_r0.getAddressGroup(registeredOffice_r11, ctx_r0.controls.NewDeliveryAddress));
+      const registeredDeliverySame_r14 = ctx_r0.isChecked(registeredOffice_r11, ctx_r0.controls.DeliverySameAsMailing);
+      \u0275\u0275advance(2);
+      \u0275\u0275property("isStatusIcon", !ctx_r0.readonly())("isValid", ctx_r0.isRegisteredOfficeValid())("title", ctx_r0.groups.RegisteredOfficeAddress);
+      \u0275\u0275advance(2);
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", registeredOffice_r11)("config", ctx_r0.currentAddressesFields);
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(8, 15, "New Mailing Address"));
+      \u0275\u0275advance(2);
+      \u0275\u0275conditional(registeredMailing_r12 ? 9 : -1);
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(12, 17, "New Delivery Address"));
+      \u0275\u0275advance(2);
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", registeredOffice_r11)("config", ctx_r0.deliverySameAsMailingFields);
+      \u0275\u0275advance();
+      \u0275\u0275conditional(!registeredDeliverySame_r14 && registeredDelivery_r13 ? 14 : -1);
+    }
+  }
+  function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Conditional_3_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r17 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "filing-form-group", 7);
+      \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Conditional_3_Template_filing_form_group_visiblyValidChange_0_listener() {
+        \u0275\u0275restoreView(_r17);
+        const ctx_r0 = \u0275\u0275nextContext(3);
+        return \u0275\u0275resetView(ctx_r0.emitValidity());
+      });
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      \u0275\u0275nextContext(2);
+      const recordsMailing_r18 = \u0275\u0275readContextLet(0);
+      const ctx_r0 = \u0275\u0275nextContext();
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", recordsMailing_r18)("config", ctx_r0.addressFields);
+    }
+  }
+  function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Conditional_8_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r19 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "filing-form-group", 7);
+      \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Conditional_8_Template_filing_form_group_visiblyValidChange_0_listener() {
+        \u0275\u0275restoreView(_r19);
+        const ctx_r0 = \u0275\u0275nextContext(3);
+        return \u0275\u0275resetView(ctx_r0.emitValidity());
+      });
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      \u0275\u0275nextContext(2);
+      const recordsDelivery_r20 = \u0275\u0275readContextLet(1);
+      const ctx_r0 = \u0275\u0275nextContext();
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", recordsDelivery_r20)("config", ctx_r0.addressFields);
+    }
+  }
+  function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r16 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "h4", 10);
+      \u0275\u0275text(1);
+      \u0275\u0275pipe(2, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275template(3, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Conditional_3_Template, 1, 3, "filing-form-group", 9);
+      \u0275\u0275elementStart(4, "h4", 10);
+      \u0275\u0275text(5);
+      \u0275\u0275pipe(6, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(7, "filing-form-group", 7);
+      \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Template_filing_form_group_visiblyValidChange_7_listener() {
+        \u0275\u0275restoreView(_r16);
+        const ctx_r0 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r0.emitValidity());
+      });
+      \u0275\u0275elementEnd();
+      \u0275\u0275template(8, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Conditional_8_Template, 1, 3, "filing-form-group", 9);
+    }
+    if (rf & 2) {
+      \u0275\u0275nextContext();
+      const recordsMailing_r18 = \u0275\u0275readContextLet(0);
+      const recordsDelivery_r20 = \u0275\u0275readContextLet(1);
+      const recordsDeliverySame_r21 = \u0275\u0275readContextLet(3);
+      const ctx_r0 = \u0275\u0275nextContext();
+      const recordsOffice_r22 = \u0275\u0275readContextLet(10);
+      \u0275\u0275advance();
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(2, 7, "New Mailing Address"));
+      \u0275\u0275advance(2);
+      \u0275\u0275conditional(recordsMailing_r18 ? 3 : -1);
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(6, 9, "New Delivery Address"));
+      \u0275\u0275advance(2);
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", recordsOffice_r22)("config", ctx_r0.deliverySameAsMailingFields);
+      \u0275\u0275advance();
+      \u0275\u0275conditional(!recordsDeliverySame_r21 && recordsDelivery_r20 ? 8 : -1);
+    }
+  }
+  function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r15 = \u0275\u0275getCurrentView();
+      \u0275\u0275declareLet(0)(1)(2)(3);
+      \u0275\u0275elementStart(4, "expandable-card", 5)(5, "div", 8);
+      \u0275\u0275element(6, "filing-form-group", 9);
+      \u0275\u0275elementStart(7, "filing-form-group", 7);
+      \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Template_filing_form_group_visiblyValidChange_7_listener() {
+        \u0275\u0275restoreView(_r15);
+        const ctx_r0 = \u0275\u0275nextContext();
+        return \u0275\u0275resetView(ctx_r0.emitValidity());
+      });
+      \u0275\u0275elementEnd();
+      \u0275\u0275template(8, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Conditional_8_Template, 9, 11);
+      \u0275\u0275elementEnd()();
+    }
+    if (rf & 2) {
+      const ctx_r0 = \u0275\u0275nextContext();
+      const recordsOffice_r22 = \u0275\u0275readContextLet(10);
+      \u0275\u0275storeLet(ctx_r0.getAddressGroup(recordsOffice_r22, ctx_r0.controls.NewMailingAddress));
+      \u0275\u0275advance();
+      \u0275\u0275storeLet(ctx_r0.getAddressGroup(recordsOffice_r22, ctx_r0.controls.NewDeliveryAddress));
+      const recordsSameAsRegistered_r23 = ctx_r0.isChecked(recordsOffice_r22, ctx_r0.controls.SameAsRegisteredOffice);
+      \u0275\u0275advance(2);
+      \u0275\u0275storeLet(ctx_r0.isChecked(recordsOffice_r22, ctx_r0.controls.DeliverySameAsMailing));
+      \u0275\u0275advance();
+      \u0275\u0275property("isStatusIcon", !ctx_r0.readonly())("isValid", ctx_r0.isRecordsOfficeValid())("title", ctx_r0.groups.RecordsOfficeAddress);
+      \u0275\u0275advance(2);
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", recordsOffice_r22)("config", ctx_r0.currentAddressesFields);
+      \u0275\u0275advance();
+      \u0275\u0275property("isSubmitted", ctx_r0.isSubmitted())("form", recordsOffice_r22)("config", ctx_r0.sameAsRegisteredOfficeFields);
+      \u0275\u0275advance();
+      \u0275\u0275conditional(!recordsSameAsRegistered_r23 ? 8 : -1);
+    }
+  }
+  function BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_13_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275elementStart(0, "expandable-card", 6)(1, "div", 11)(2, "p");
+      \u0275\u0275text(3);
+      \u0275\u0275pipe(4, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(5, "mat-radio-group", 12)(6, "mat-radio-button", 13);
+      \u0275\u0275text(7);
+      \u0275\u0275pipe(8, "translate");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(9, "mat-radio-button", 13);
+      \u0275\u0275text(10);
+      \u0275\u0275pipe(11, "translate");
+      \u0275\u0275elementEnd()()()();
+    }
+    if (rf & 2) {
+      const ctx_r0 = \u0275\u0275nextContext();
+      const annualReportReminder_r24 = \u0275\u0275readContextLet(12);
+      \u0275\u0275property("isStatusIcon", false)("title", ctx_r0.groups.AnnualReportReminder);
+      \u0275\u0275advance();
+      \u0275\u0275property("formGroup", annualReportReminder_r24);
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(4, 9, "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, 11, "Yes, send the annual report reminder"), " ");
+      \u0275\u0275advance(2);
+      \u0275\u0275property("value", ctx_r0.annualReportReminderOption.No);
+      \u0275\u0275advance();
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(11, 13, "No, I do not need to be reminded"), " ");
+    }
+  }
+  var BritishColumbiaChangeOfOfficeAddressesFormComponent;
+  var init_change_of_office_addresses_form_component = __esm({
+    "src/app/components/british-columbia/change-of-office-addresses/change-of-office-addresses-form/change-of-office-addresses-form.component.ts"() {
+      init_core();
+      init_forms();
+      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_office_addresses_form_constants();
+      init_forms_utils();
+      init_BritishColumbiaConstants();
+      init_british_columbia_change_of_office_addresses_form_helper();
+      init_core();
+      init_forms();
+      BritishColumbiaChangeOfOfficeAddressesFormComponent = class _BritishColumbiaChangeOfOfficeAddressesFormComponent {
+        form = input.required();
+        task = input();
+        errors = input([]);
+        isNote = input(false);
+        isSubmitted = input(false);
+        readonly = input(false);
+        visiblyValidChange = output();
+        alertType = AlertType;
+        groups = BCChangeOfOfficeAddressesFormGroups;
+        controls = BCChangeOfOfficeAddressesFormControls;
+        annualReportReminderOption = BCAnnualReportReminder;
+        referenceNumbersFields = BC_COA_DELTA_CARD_FORM_REFERENCE_NUMBERS_FIELDS;
+        corporationDetailsFields = computed(() => {
+          const task = this.task();
+          return BC_COA_CARD_FORM_CORPORATION_DETAILS_FIELDS(task ? BritishColumbiaChangeOfOfficeAddressesFormHelper.getCompanyEmailOptions(task) : []);
+        });
+        currentAddressesFields = BC_COA_CARD_FORM_CURRENT_ADDRESSES_FIELDS;
+        addressFields = BC_COA_DELTA_CARD_FORM_OFFICE_ADDRESS_FIELDS;
+        deliveryNoteFields = BC_COA_CARD_FORM_DELIVERY_ADDRESS_NOTE_FIELDS;
+        deliverySameAsMailingFields = BC_COA_DELTA_CARD_FORM_DELIVERY_SAME_AS_MAILING_FIELDS;
+        sameAsRegisteredOfficeFields = BC_COA_DELTA_CARD_FORM_SAME_AS_REGISTERED_OFFICE_FIELDS;
+        sectionValidity = {};
+        isVisiblyValid() {
+          return Object.values(this.sectionValidity).every((v) => v) && this.isRegisteredOfficeValid() && this.isRecordsOfficeValid();
+        }
+        isRegisteredOfficeValid() {
+          const office = this.getFormGroup(this.groups.RegisteredOfficeAddress);
+          return this.isAddressValid(office, this.controls.NewMailingAddress) && this.isAddressValid(office, this.controls.NewDeliveryAddress);
+        }
+        isRecordsOfficeValid() {
+          const office = this.getFormGroup(this.groups.RecordsOfficeAddress);
+          return this.isAddressValid(office, this.controls.NewMailingAddress) && this.isAddressValid(office, this.controls.NewDeliveryAddress);
+        }
+        isChecked(office, control) {
+          return Boolean(office?.get(control)?.value);
+        }
+        onSectionValidChange(section, valid) {
+          this.sectionValidity = __spreadProps(__spreadValues({}, this.sectionValidity), { [section]: valid });
+          this.emitValidity();
+        }
+        emitValidity() {
+          queueMicrotask(() => this.visiblyValidChange.emit(this.isVisiblyValid()));
+        }
+        getFormGroup(key) {
+          return this.form().get(key) ?? null;
+        }
+        getAddressGroup(office, control) {
+          return office?.get(control) ?? null;
+        }
+        isAddressValid(office, control) {
+          const group2 = this.getAddressGroup(office, control);
+          return !group2 || group2.disabled || isFormGroupVisiblyValid(group2, this.addressFields);
+        }
+        static \u0275fac = function BritishColumbiaChangeOfOfficeAddressesFormComponent_Factory(__ngFactoryType__) {
+          return new (__ngFactoryType__ || _BritishColumbiaChangeOfOfficeAddressesFormComponent)();
+        };
+        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaChangeOfOfficeAddressesFormComponent, selectors: [["british-columbia-change-of-office-addresses-form"]], inputs: { form: [1, "form"], task: [1, "task"], errors: [1, "errors"], isNote: [1, "isNote"], isSubmitted: [1, "isSubmitted"], readonly: [1, "readonly"] }, outputs: { visiblyValidChange: "visiblyValidChange" }, decls: 14, vars: 12, consts: [[1, "change-of-office-addresses-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-office-addresses-form-content"], [3, "title"], [3, "isStatusIcon", "isValid", "title"], [3, "isStatusIcon", "title"], [3, "visiblyValidChange", "isSubmitted", "form", "config"], [1, "change-of-office-addresses-form-item"], [3, "isSubmitted", "form", "config"], [1, "change-of-office-addresses-form-item-title"], [1, "annual-reminder", 3, "formGroup"], [3, "formControlName"], [3, "value"]], template: function BritishColumbiaChangeOfOfficeAddressesFormComponent_Template(rf, ctx) {
+          if (rf & 1) {
+            \u0275\u0275elementStart(0, "div", 0);
+            \u0275\u0275template(1, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_1_Template, 1, 1, "alert", 1)(2, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_2_Template, 1, 1, "alert", 2);
+            \u0275\u0275elementStart(3, "div", 3);
+            \u0275\u0275declareLet(4);
+            \u0275\u0275template(5, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_5_Template, 2, 4, "expandable-card", 4);
+            \u0275\u0275declareLet(6);
+            \u0275\u0275template(7, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_7_Template, 2, 6, "expandable-card", 5);
+            \u0275\u0275declareLet(8);
+            \u0275\u0275template(9, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_9_Template, 15, 19, "expandable-card", 5);
+            \u0275\u0275declareLet(10);
+            \u0275\u0275template(11, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_11_Template, 9, 13, "expandable-card", 5);
+            \u0275\u0275declareLet(12);
+            \u0275\u0275template(13, BritishColumbiaChangeOfOfficeAddressesFormComponent_Conditional_13_Template, 12, 15, "expandable-card", 6);
+            \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_r25 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.ReferenceNumbers));
+            \u0275\u0275advance();
+            \u0275\u0275conditional(referenceNumbers_r25 ? 5 : -1);
+            \u0275\u0275advance();
+            const corporationDetails_r26 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.CorporationDetails));
+            \u0275\u0275advance();
+            \u0275\u0275conditional(corporationDetails_r26 ? 7 : -1);
+            \u0275\u0275advance();
+            const registeredOffice_r27 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.RegisteredOfficeAddress));
+            \u0275\u0275advance();
+            \u0275\u0275conditional(registeredOffice_r27 ? 9 : -1);
+            \u0275\u0275advance();
+            const recordsOffice_r28 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.RecordsOfficeAddress));
+            \u0275\u0275advance();
+            \u0275\u0275conditional(recordsOffice_r28 ? 11 : -1);
+            \u0275\u0275advance();
+            const annualReportReminder_r29 = \u0275\u0275storeLet(ctx.getFormGroup(ctx.groups.AnnualReportReminder));
+            \u0275\u0275advance();
+            \u0275\u0275conditional(annualReportReminder_r29 ? 13 : -1);
+          }
+        }, dependencies: [
+          FilingFormGroupComponent,
+          AlertComponent,
+          ExpandableCardComponent,
+          MatRadioButton,
+          MatRadioGroup,
+          ReactiveFormsModule,
+          NgControlStatus,
+          NgControlStatusGroup,
+          FormGroupDirective,
+          FormControlName,
+          TranslatePipe
+        ], styles: ["\n\n[_nghost-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n[_nghost-%COMP%]   .change-of-office-addresses-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n[_nghost-%COMP%]   .change-of-office-addresses-form-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n  overflow-y: auto;\n  min-height: 0;\n}\n[_nghost-%COMP%]   .change-of-office-addresses-form[_ngcontent-%COMP%]   .annual-reminder[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n[_nghost-%COMP%]   .change-of-office-addresses-form[_ngcontent-%COMP%]   .annual-reminder[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  color: #6b7280;\n  font-size: 14px;\n  line-height: 1.5;\n  margin: 0;\n}\n[_nghost-%COMP%]   .change-of-office-addresses-form[_ngcontent-%COMP%]   .annual-reminder[_ngcontent-%COMP%]   mat-radio-group[_ngcontent-%COMP%] {\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n[_nghost-%COMP%]   .change-of-office-addresses-form[_ngcontent-%COMP%]   .annual-reminder[_ngcontent-%COMP%]     .mat-mdc-radio-button .mdc-label {\n  color: #4b5563 !important;\n  font-size: 14px !important;\n  line-height: 1.45;\n}\n[_nghost-%COMP%]   .change-of-office-addresses-form[_ngcontent-%COMP%]   .annual-reminder[_ngcontent-%COMP%]     .mat-mdc-radio-button {\n  --mdc-radio-state-layer-size: 40px;\n}\n[_nghost-%COMP%]   .change-of-office-addresses-form-item[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n[_nghost-%COMP%]   .change-of-office-addresses-form-item-title[_ngcontent-%COMP%] {\n  color: var(--filing-modal-color-dark-blue);\n}\n/*# sourceMappingURL=change-of-office-addresses-form.component.css.map */"], changeDetection: 0 });
+      };
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaChangeOfOfficeAddressesFormComponent, [{
+          type: Component,
+          args: [{ standalone: true, selector: "british-columbia-change-of-office-addresses-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+            FilingFormGroupComponent,
+            AlertComponent,
+            ExpandableCardComponent,
+            MatRadioButton,
+            MatRadioGroup,
+            ReactiveFormsModule,
+            TranslatePipe
+          ], template: `<div class="change-of-office-addresses-form">\r
+  @if (isNote()) {\r
+    <alert\r
+      [type]="alertType.Info"\r
+      title="Entity changed"\r
+      content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
+    />\r
+  }\r
+\r
+  @if (errors().length) {\r
+    <alert\r
+      title="The following issues need to be resolved before proceeding:"\r
+      [content]="errors()"\r
+    />\r
+  }\r
+\r
+  <div class="change-of-office-addresses-form-content">\r
+    @let referenceNumbers = getFormGroup(groups.ReferenceNumbers);\r
+\r
+    @if (referenceNumbers) {\r
+      <expandable-card [title]="groups.ReferenceNumbers">\r
+        <filing-form-group\r
+          [isSubmitted]="isSubmitted()"\r
+          [form]="referenceNumbers"\r
+          [config]="referenceNumbersFields"\r
+          (visiblyValidChange)="onSectionValidChange('refNumbers', $event)"\r
+        />\r
+      </expandable-card>\r
+    }\r
+\r
+    @let corporationDetails = getFormGroup(groups.CorporationDetails);\r
+\r
+    @if (corporationDetails) {\r
+      <expandable-card\r
+        [isStatusIcon]="!readonly()"\r
+        [isValid]="sectionValidity['corpDetails'] !== false"\r
+        [title]="groups.CorporationDetails"\r
+      >\r
+        <filing-form-group\r
+          [isSubmitted]="isSubmitted()"\r
+          [form]="corporationDetails"\r
+          [config]="corporationDetailsFields()"\r
+          (visiblyValidChange)="onSectionValidChange('corpDetails', $event)"\r
+        />\r
+      </expandable-card>\r
+    }\r
+\r
+    <!-- ===== REGISTERED OFFICE ADDRESS ===== -->\r
+    @let registeredOffice = getFormGroup(groups.RegisteredOfficeAddress);\r
+\r
+    @if (registeredOffice) {\r
+      @let registeredMailing = getAddressGroup(registeredOffice, controls.NewMailingAddress);\r
+      @let registeredDelivery = getAddressGroup(registeredOffice, controls.NewDeliveryAddress);\r
+      @let registeredDeliverySame = isChecked(registeredOffice, controls.DeliverySameAsMailing);\r
+\r
+      <expandable-card\r
+        [isStatusIcon]="!readonly()"\r
+        [isValid]="isRegisteredOfficeValid()"\r
+        [title]="groups.RegisteredOfficeAddress"\r
+      >\r
+        <div class="change-of-office-addresses-form-item">\r
+          <filing-form-group\r
+            [isSubmitted]="isSubmitted()"\r
+            [form]="registeredOffice"\r
+            [config]="currentAddressesFields"\r
+          />\r
+\r
+          <h4 class="change-of-office-addresses-form-item-title">{{ 'New Mailing Address' | translate }}</h4>\r
+\r
+          @if (registeredMailing) {\r
+            <filing-form-group\r
+              [isSubmitted]="isSubmitted()"\r
+              [form]="registeredMailing"\r
+              [config]="addressFields"\r
+              (visiblyValidChange)="emitValidity()"\r
+            />\r
+          }\r
+\r
+          <h4 class="change-of-office-addresses-form-item-title">{{ 'New Delivery Address' | translate }}</h4>\r
+\r
+          <filing-form-group\r
+            [isSubmitted]="isSubmitted()"\r
+            [form]="registeredOffice"\r
+            [config]="deliverySameAsMailingFields"\r
+            (visiblyValidChange)="emitValidity()"\r
+          />\r
+\r
+          @if (!registeredDeliverySame && registeredDelivery) {\r
+            <filing-form-group\r
+              [isSubmitted]="isSubmitted()"\r
+              [form]="registeredOffice"\r
+              [config]="deliveryNoteFields"\r
+            />\r
+            <filing-form-group\r
+              [isSubmitted]="isSubmitted()"\r
+              [form]="registeredDelivery"\r
+              [config]="addressFields"\r
+              (visiblyValidChange)="emitValidity()"\r
+            />\r
+          }\r
+        </div>\r
+      </expandable-card>\r
+    }\r
+\r
+    <!-- ===== RECORDS OFFICE ADDRESS ===== -->\r
+    @let recordsOffice = getFormGroup(groups.RecordsOfficeAddress);\r
+\r
+    @if (recordsOffice) {\r
+      @let recordsMailing = getAddressGroup(recordsOffice, controls.NewMailingAddress);\r
+      @let recordsDelivery = getAddressGroup(recordsOffice, controls.NewDeliveryAddress);\r
+      @let recordsSameAsRegistered = isChecked(recordsOffice, controls.SameAsRegisteredOffice);\r
+      @let recordsDeliverySame = isChecked(recordsOffice, controls.DeliverySameAsMailing);\r
+\r
+      <expandable-card\r
+        [isStatusIcon]="!readonly()"\r
+        [isValid]="isRecordsOfficeValid()"\r
+        [title]="groups.RecordsOfficeAddress"\r
+      >\r
+        <div class="change-of-office-addresses-form-item">\r
+          <filing-form-group\r
+            [isSubmitted]="isSubmitted()"\r
+            [form]="recordsOffice"\r
+            [config]="currentAddressesFields"\r
+          />\r
+\r
+          <filing-form-group\r
+            [isSubmitted]="isSubmitted()"\r
+            [form]="recordsOffice"\r
+            [config]="sameAsRegisteredOfficeFields"\r
+            (visiblyValidChange)="emitValidity()"\r
+          />\r
+\r
+          @if (!recordsSameAsRegistered) {\r
+            <h4 class="change-of-office-addresses-form-item-title">{{ 'New Mailing Address' | translate }}</h4>\r
+\r
+            @if (recordsMailing) {\r
+              <filing-form-group\r
+                [isSubmitted]="isSubmitted()"\r
+                [form]="recordsMailing"\r
+                [config]="addressFields"\r
+                (visiblyValidChange)="emitValidity()"\r
+              />\r
+            }\r
+\r
+            <h4 class="change-of-office-addresses-form-item-title">{{ 'New Delivery Address' | translate }}</h4>\r
+\r
+            <filing-form-group\r
+              [isSubmitted]="isSubmitted()"\r
+              [form]="recordsOffice"\r
+              [config]="deliverySameAsMailingFields"\r
+              (visiblyValidChange)="emitValidity()"\r
+            />\r
+\r
+            @if (!recordsDeliverySame && recordsDelivery) {\r
+              <filing-form-group\r
+                [isSubmitted]="isSubmitted()"\r
+                [form]="recordsDelivery"\r
+                [config]="addressFields"\r
+                (visiblyValidChange)="emitValidity()"\r
+              />\r
+            }\r
+          }\r
+        </div>\r
+      </expandable-card>\r
+    }\r
+\r
+    @let annualReportReminder = getFormGroup(groups.AnnualReportReminder);\r
+\r
+    @if (annualReportReminder) {\r
+      <expandable-card [isStatusIcon]="false" [title]="groups.AnnualReportReminder">\r
+        <div class="annual-reminder" [formGroup]="annualReportReminder">\r
+          <p>\r
+            {{\r
+              "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."\r
+                | translate\r
+            }}\r
+          </p>\r
+          <mat-radio-group [formControlName]="controls.AnnualReportReminder">\r
+            <mat-radio-button [value]="annualReportReminderOption.Yes">\r
+              {{ 'Yes, send the annual report reminder' | translate }}\r
+            </mat-radio-button>\r
+            <mat-radio-button [value]="annualReportReminderOption.No">\r
+              {{ 'No, I do not need to be reminded' | translate }}\r
+            </mat-radio-button>\r
+          </mat-radio-group>\r
+        </div>\r
+      </expandable-card>\r
+    }\r
+  </div>\r
+</div>\r
+`, styles: ["/* src/app/components/british-columbia/change-of-office-addresses/change-of-office-addresses-form/change-of-office-addresses-form.component.scss */\n:host {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-height: 0;\n}\n:host .change-of-office-addresses-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .change-of-office-addresses-form-content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n  overflow-y: auto;\n  min-height: 0;\n}\n:host .change-of-office-addresses-form .annual-reminder {\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n}\n:host .change-of-office-addresses-form .annual-reminder p {\n  color: #6b7280;\n  font-size: 14px;\n  line-height: 1.5;\n  margin: 0;\n}\n:host .change-of-office-addresses-form .annual-reminder mat-radio-group {\n  align-items: flex-start;\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n:host .change-of-office-addresses-form .annual-reminder ::ng-deep .mat-mdc-radio-button .mdc-label {\n  color: #4b5563 !important;\n  font-size: 14px !important;\n  line-height: 1.45;\n}\n:host .change-of-office-addresses-form .annual-reminder ::ng-deep .mat-mdc-radio-button {\n  --mdc-radio-state-layer-size: 40px;\n}\n:host .change-of-office-addresses-form-item {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n:host .change-of-office-addresses-form-item-title {\n  color: var(--filing-modal-color-dark-blue);\n}\n/*# sourceMappingURL=change-of-office-addresses-form.component.css.map */\n"] }]
+        }], null, null);
+      })();
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaChangeOfOfficeAddressesFormComponent, { className: "BritishColumbiaChangeOfOfficeAddressesFormComponent", filePath: "src/app/components/british-columbia/change-of-office-addresses/change-of-office-addresses-form/change-of-office-addresses-form.component.ts", lineNumber: 55 });
+      })();
+    }
+  });
+
+  // src/app/components/british-columbia/change-of-office-addresses/steps/delta/change-of-office-addresses-delta-form.component.ts
+  var BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent;
+  var init_change_of_office_addresses_delta_form_component = __esm({
+    "src/app/components/british-columbia/change-of-office-addresses/steps/delta/change-of-office-addresses-delta-form.component.ts"() {
+      init_core();
+      init_button();
+      init_ngx_translate_core();
+      init_common_utils();
+      init_change_of_office_addresses_form_component();
+      init_core();
+      BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent = class _BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent {
+        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);
+          if (this.submitted()) {
+            this.clientErrors.set(valid ? [] : [this.requiredFieldsMessage()]);
+          }
+        }
+        onValidate() {
+          this.submitted.set(true);
+          this.clientErrors.set([]);
+          markFormGroupTouched(this.form());
+          if (!this.visiblyValid()) {
+            this.clientErrors.set([this.requiredFieldsMessage()]);
+            return;
+          }
+          this.validate.emit();
+        }
+        requiredFieldsMessage() {
+          return this.translate.instant("Some required fields aren't completed.");
+        }
+        static \u0275fac = function BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent_Factory(__ngFactoryType__) {
+          return new (__ngFactoryType__ || _BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent)();
+        };
+        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent, selectors: [["british-columbia-change-of-office-addresses-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-office-addresses-delta-form"], [1, "change-of-office-addresses-delta-form-content", 3, "visiblyValidChange", "form", "task", "errors", "isNote", "isSubmitted", "readonly"], [1, "change-of-office-addresses-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 BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent_Template(rf, ctx) {
+          if (rf & 1) {
+            \u0275\u0275elementStart(0, "div", 0)(1, "british-columbia-change-of-office-addresses-form", 1);
+            \u0275\u0275listener("visiblyValidChange", function BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent_Template_british_columbia_change_of_office_addresses_form_visiblyValidChange_1_listener($event) {
+              return ctx.onVisiblyValidChange($event);
+            });
+            \u0275\u0275elementEnd();
+            \u0275\u0275elementStart(2, "div", 2)(3, "button", 3);
+            \u0275\u0275listener("click", function BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent_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 BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent_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 BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent_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, BritishColumbiaChangeOfOfficeAddressesFormComponent], styles: ["\n\n[_nghost-%COMP%]   .change-of-office-addresses-delta-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n[_nghost-%COMP%]   .change-of-office-addresses-delta-form-content[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n}\n[_nghost-%COMP%]   .change-of-office-addresses-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-office-addresses-delta-form-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  margin: 0;\n}\n[_nghost-%COMP%]   .change-of-office-addresses-delta-form-actions[_ngcontent-%COMP%]   .submit[_ngcontent-%COMP%] {\n  padding-left: 30px;\n  padding-right: 30px;\n}\n/*# sourceMappingURL=change-of-office-addresses-delta-form.component.css.map */"], changeDetection: 0 });
+      };
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent, [{
+          type: Component,
+          args: [{ standalone: true, selector: "british-columbia-change-of-office-addresses-delta-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, TranslatePipe, BritishColumbiaChangeOfOfficeAddressesFormComponent], template: `<div class="change-of-office-addresses-delta-form">\r
+  <british-columbia-change-of-office-addresses-form\r
+    class="change-of-office-addresses-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-office-addresses-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-office-addresses/steps/delta/change-of-office-addresses-delta-form.component.scss */\n:host .change-of-office-addresses-delta-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .change-of-office-addresses-delta-form-content {\n  flex: 1;\n  min-height: 0;\n}\n:host .change-of-office-addresses-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-office-addresses-delta-form-actions button {\n  margin: 0;\n}\n:host .change-of-office-addresses-delta-form-actions .submit {\n  padding-left: 30px;\n  padding-right: 30px;\n}\n/*# sourceMappingURL=change-of-office-addresses-delta-form.component.css.map */\n"] }]
+        }], null, null);
+      })();
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent, { className: "BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent", filePath: "src/app/components/british-columbia/change-of-office-addresses/steps/delta/change-of-office-addresses-delta-form.component.ts", lineNumber: 25 });
+      })();
+    }
+  });
+
+  // src/app/components/british-columbia/change-of-office-addresses/steps/preview/change-of-office-addresses-preview-form.component.ts
+  var BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent;
+  var init_change_of_office_addresses_preview_form_component = __esm({
+    "src/app/components/british-columbia/change-of-office-addresses/steps/preview/change-of-office-addresses-preview-form.component.ts"() {
+      init_core();
+      init_button();
+      init_ngx_translate_core();
+      init_change_of_office_addresses_form_component();
+      init_core();
+      BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent = class _BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent {
+        form = input.required();
+        actionsDisabled = input(false);
+        task = input();
+        errors = input([]);
+        close = output();
+        file = output();
+        static \u0275fac = function BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent_Factory(__ngFactoryType__) {
+          return new (__ngFactoryType__ || _BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent)();
+        };
+        static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent, selectors: [["british-columbia-change-of-office-addresses-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-office-addresses-preview-form"], [1, "change-of-office-addresses-preview-form-content", 3, "form", "task", "errors", "isSubmitted", "readonly"], [1, "change-of-office-addresses-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 BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent_Template(rf, ctx) {
+          if (rf & 1) {
+            \u0275\u0275elementStart(0, "div", 0);
+            \u0275\u0275element(1, "british-columbia-change-of-office-addresses-form", 1);
+            \u0275\u0275elementStart(2, "div", 2)(3, "button", 3);
+            \u0275\u0275listener("click", function BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent_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 BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent_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, BritishColumbiaChangeOfOfficeAddressesFormComponent], styles: ["\n\n[_nghost-%COMP%]   .change-of-office-addresses-preview-form[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n[_nghost-%COMP%]   .change-of-office-addresses-preview-form-content[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n[_nghost-%COMP%]   .change-of-office-addresses-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-office-addresses-preview-form-actions[_ngcontent-%COMP%]   button[_ngcontent-%COMP%] {\n  margin: 0;\n}\n/*# sourceMappingURL=change-of-office-addresses-preview-form.component.css.map */"], changeDetection: 0 });
+      };
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent, [{
+          type: Component,
+          args: [{ standalone: true, selector: "british-columbia-change-of-office-addresses-preview-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, TranslatePipe, BritishColumbiaChangeOfOfficeAddressesFormComponent], template: `<div class="change-of-office-addresses-preview-form">\r
+  <british-columbia-change-of-office-addresses-form\r
+    class="change-of-office-addresses-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-office-addresses-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-office-addresses/steps/preview/change-of-office-addresses-preview-form.component.scss */\n:host .change-of-office-addresses-preview-form {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .change-of-office-addresses-preview-form-content {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  height: 100%;\n}\n:host .change-of-office-addresses-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-office-addresses-preview-form-actions button {\n  margin: 0;\n}\n/*# sourceMappingURL=change-of-office-addresses-preview-form.component.css.map */\n"] }]
+        }], null, null);
+      })();
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent, { className: "BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent", filePath: "src/app/components/british-columbia/change-of-office-addresses/steps/preview/change-of-office-addresses-preview-form.component.ts", lineNumber: 21 });
+      })();
+    }
+  });
+
   // src/app/components/british-columbia/british-columbia.component.ts
   function BritishColumbiaComponent_Conditional_1_Conditional_0_Template(rf, ctx) {
     if (rf & 1) {
@@ -87427,6 +88770,63 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275conditional(ctx_r1.activeStep() === ctx_r1.steps.FilingPreview ? 1 : -1);
     }
   }
+  function BritishColumbiaComponent_Conditional_3_Conditional_0_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r7 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "british-columbia-change-of-office-addresses-delta-form", 2);
+      \u0275\u0275listener("validate", function BritishColumbiaComponent_Conditional_3_Conditional_0_Template_british_columbia_change_of_office_addresses_delta_form_validate_0_listener() {
+        \u0275\u0275restoreView(_r7);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.onChangeOfOfficeAddressesValidate());
+      })("close", function BritishColumbiaComponent_Conditional_3_Conditional_0_Template_british_columbia_change_of_office_addresses_delta_form_close_0_listener() {
+        \u0275\u0275restoreView(_r7);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.onClose());
+      })("save", function BritishColumbiaComponent_Conditional_3_Conditional_0_Template_british_columbia_change_of_office_addresses_delta_form_save_0_listener() {
+        \u0275\u0275restoreView(_r7);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.onChangeOfOfficeAddressesSave());
+      });
+      \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.deltaForm())("actionsDisabled", ctx_r1.actionsDisabled())("errors", ctx_r1.errors())("isNote", ctx_r1.isNote());
+    }
+  }
+  function BritishColumbiaComponent_Conditional_3_Conditional_1_Template(rf, ctx) {
+    if (rf & 1) {
+      const _r8 = \u0275\u0275getCurrentView();
+      \u0275\u0275elementStart(0, "british-columbia-change-of-office-addresses-preview-form", 3);
+      \u0275\u0275listener("close", function BritishColumbiaComponent_Conditional_3_Conditional_1_Template_british_columbia_change_of_office_addresses_preview_form_close_0_listener() {
+        \u0275\u0275restoreView(_r8);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.close.emit());
+      })("file", function BritishColumbiaComponent_Conditional_3_Conditional_1_Template_british_columbia_change_of_office_addresses_preview_form_file_0_listener() {
+        \u0275\u0275restoreView(_r8);
+        const ctx_r1 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r1.onChangeOfOfficeAddressesFile());
+      });
+      \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())("errors", ctx_r1.errors());
+    }
+  }
+  function BritishColumbiaComponent_Conditional_3_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275template(0, BritishColumbiaComponent_Conditional_3_Conditional_0_Template, 1, 5, "british-columbia-change-of-office-addresses-delta-form", 0)(1, BritishColumbiaComponent_Conditional_3_Conditional_1_Template, 1, 4, "british-columbia-change-of-office-addresses-preview-form", 1);
+    }
+    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);
+    }
+  }
   var BritishColumbiaComponent;
   var init_british_columbia_component = __esm({
     "src/app/components/british-columbia/british-columbia.component.ts"() {
@@ -87439,6 +88839,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_british_columbia_form_enums();
       init_british_columbia_change_of_directors_form_helper();
       init_british_columbia_formation_form_helper();
+      init_british_columbia_change_of_office_addresses_form_helper();
       init_delta_state_service();
       init_common_utils();
       init_confirm_modal_component();
@@ -87446,6 +88847,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_change_of_directors_preview_form_component();
       init_british_columbia_incorporation_delta_form_component();
       init_british_columbia_incorporation_preview_form_component();
+      init_change_of_office_addresses_delta_form_component();
+      init_change_of_office_addresses_preview_form_component();
       init_core();
       BritishColumbiaComponent = class _BritishColumbiaComponent {
         task = input();
@@ -87463,13 +88866,19 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         formationSubmit = output();
         saveFormationDeltaData = output();
         nextStep = output();
+        recheckStep = output();
         prevStep = output();
+        // Change of Office Addresses outputs
+        coaValidate = output();
+        saveCoaDeltaData = output();
+        coaSubmit = output();
         dialog = inject(MatDialog);
         deltaState = inject(DeltaStateService);
         translate = inject(TranslateService);
         steps = Step;
         isChangeOfDirectorsTask = isChangeOfPrincipalsTask;
         isFormationTask = isFormationTask2;
+        isChangeOfOfficeAddressesTask = isChangeOfAddressTask;
         deltaForm = signal(new FormGroup({}));
         previewForm = signal(new FormGroup({}));
         constructor() {
@@ -87483,6 +88892,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               this.deltaForm.set(new FormGroup(BritishColumbiaFormationFormHelper.generateConfig(task, (key) => this.translate.instant(key), untracked2(() => this.currentUser()))));
               this.deltaState.setBCFormationInitialDelta(this.generateFormationDeltaData());
             }
+            if (task && isChangeOfAddressTask(task)) {
+              this.deltaForm.set(new FormGroup(BritishColumbiaChangeOfOfficeAddressesFormHelper.generateConfig(task, (key) => this.translate.instant(key))));
+              this.deltaState.setBCChangeOfOfficeAddressesInitialDelta(this.generateChangeOfOfficeAddressesDeltaData());
+            }
           });
           effect(() => {
             const task = this.task();
@@ -87506,8 +88919,71 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
                 this.nextStep.emit();
               }
             }
+            if (task && isChangeOfAddressTask(task) && deltaData) {
+              const form = new FormGroup(BritishColumbiaChangeOfOfficeAddressesFormHelper.generateConfig(task, (key) => this.translate.instant(key)));
+              form.disable();
+              this.previewForm.set(form);
+              const step = untracked2(() => this.activeStep());
+              if (step === Step.Validate) {
+                this.nextStep.emit();
+              } else if (step === Step.FilingPreview) {
+                this.recheckStep.emit();
+              }
+            }
           });
         }
+        onChangeOfOfficeAddressesValidate() {
+          markFormGroupTouched(this.deltaForm());
+          this.coaValidate.emit(this.generateChangeOfOfficeAddressesDeltaData());
+        }
+        onChangeOfOfficeAddressesSave() {
+          const delta = this.generateChangeOfOfficeAddressesDeltaData();
+          this.deltaState.setBCChangeOfOfficeAddressesInitialDelta(delta);
+          this.saveCoaDeltaData.emit(delta);
+        }
+        /** No certification step for this filing: "File" submits the staged draft directly. */
+        onChangeOfOfficeAddressesFile() {
+          this.coaSubmit.emit(this.generateChangeOfOfficeAddressesDeltaData());
+        }
+        generateChangeOfOfficeAddressesDeltaData() {
+          const c = BCChangeOfOfficeAddressesFormControls;
+          const formData = this.deltaForm().getRawValue();
+          const refNumbers = formData[BCChangeOfOfficeAddressesFormGroups.ReferenceNumbers];
+          const corporation = formData[BCChangeOfOfficeAddressesFormGroups.CorporationDetails];
+          const reminder = formData[BCChangeOfOfficeAddressesFormGroups.AnnualReportReminder];
+          const registered = formData[BCChangeOfOfficeAddressesFormGroups.RegisteredOfficeAddress];
+          const records = formData[BCChangeOfOfficeAddressesFormGroups.RecordsOfficeAddress];
+          const toAddress = (src) => ({
+            addressLine1: src?.[c.AddressLine1] ?? null,
+            addressLine2: src?.[c.AddressLine2] ?? null,
+            city: src?.[c.City] ?? null,
+            postalCode: src?.[c.PostalCode] ?? null,
+            province: src?.[c.Province] ?? null,
+            country: src?.[c.Country] ?? null
+          });
+          const regDeliverySame = Boolean(registered?.[c.DeliverySameAsMailing]);
+          const recSameAsRegistered = Boolean(records?.[c.SameAsRegisteredOffice]);
+          const recDeliverySame = Boolean(records?.[c.DeliverySameAsMailing]);
+          return {
+            referenceNumbers: {
+              referenceNumber: refNumbers?.[c.ClientMatterNumber] ?? null,
+              docketNumber: refNumbers?.[c.DocketNumber] ?? null
+            },
+            companyEmail: corporation?.[c.CompanyEmail] ?? "",
+            annualReportReminder: reminder?.[c.AnnualReportReminder] ?? "",
+            registeredOffice: {
+              mailingAddress: toAddress(registered?.[c.NewMailingAddress]),
+              deliverySameAsMailing: regDeliverySame,
+              deliveryAddress: regDeliverySame ? void 0 : toAddress(registered?.[c.NewDeliveryAddress])
+            },
+            recordsOffice: {
+              sameAsRegisteredOffice: recSameAsRegistered,
+              mailingAddress: recSameAsRegistered ? void 0 : toAddress(records?.[c.NewMailingAddress]),
+              deliverySameAsMailing: recSameAsRegistered ? void 0 : recDeliverySame,
+              deliveryAddress: recSameAsRegistered || recDeliverySame ? void 0 : toAddress(records?.[c.NewDeliveryAddress])
+            }
+          };
+        }
         onChangeOfDirectorsValidate() {
           markFormGroupTouched(this.deltaForm());
           this.codValidate.emit(this.generateChangeOfDirectorsDeltaData());
@@ -87607,7 +89083,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         }
         onClose() {
           const task = this.task();
-          const hasChanges = task && isFormationTask2(task) ? !deepEqual(this.deltaState.bcFormationInitialDelta(), this.generateFormationDeltaData()) : !deepEqual(this.deltaState.bcChangeOfDirectorsInitialDelta(), this.generateChangeOfDirectorsDeltaData());
+          const hasChanges = task && isFormationTask2(task) ? !deepEqual(this.deltaState.bcFormationInitialDelta(), this.generateFormationDeltaData()) : task && isChangeOfAddressTask(task) ? !deepEqual(this.deltaState.bcChangeOfOfficeAddressesInitialDelta(), this.generateChangeOfOfficeAddressesDeltaData()) : !deepEqual(this.deltaState.bcChangeOfDirectorsInitialDelta(), this.generateChangeOfDirectorsDeltaData());
           if (!hasChanges) {
             this.close.emit();
             return;
@@ -87625,6 +89101,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             if (val) {
               if (task && isFormationTask2(task)) {
                 this.onFormationSave();
+              } else if (task && isChangeOfAddressTask(task)) {
+                this.onChangeOfOfficeAddressesSave();
               } else {
                 this.onChangeOfDirectorsSave();
               }
@@ -87635,23 +89113,27 @@ 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"], currentDataExtract: [1, "currentDataExtract"] }, 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, "validate", "close", "save", "task", "form", "actionsDisabled", "errors", "isNote"], [3, "close", "file", "task", "form", "actionsDisabled", "errors"], [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"], currentDataExtract: [1, "currentDataExtract"] }, outputs: { close: "close", codValidate: "codValidate", saveCodDeltaData: "saveCodDeltaData", codSubmit: "codSubmit", formationValidate: "formationValidate", formationSubmit: "formationSubmit", saveFormationDeltaData: "saveFormationDeltaData", nextStep: "nextStep", recheckStep: "recheckStep", prevStep: "prevStep", coaValidate: "coaValidate", saveCoaDeltaData: "saveCoaDeltaData", coaSubmit: "coaSubmit" }, decls: 4, vars: 4, consts: [[3, "task", "form", "actionsDisabled", "errors", "isNote"], [3, "task", "form", "actionsDisabled", "errors"], [3, "validate", "close", "save", "task", "form", "actionsDisabled", "errors", "isNote"], [3, "close", "file", "task", "form", "actionsDisabled", "errors"], [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) {
           if (rf & 1) {
             \u0275\u0275declareLet(0);
-            \u0275\u0275template(1, BritishColumbiaComponent_Conditional_1_Template, 2, 2)(2, BritishColumbiaComponent_Conditional_2_Template, 2, 2);
+            \u0275\u0275template(1, BritishColumbiaComponent_Conditional_1_Template, 2, 2)(2, BritishColumbiaComponent_Conditional_2_Template, 2, 2)(3, BritishColumbiaComponent_Conditional_3_Template, 2, 2);
           }
           if (rf & 2) {
-            const taskData_r7 = \u0275\u0275storeLet(ctx.task());
+            const taskData_r9 = \u0275\u0275storeLet(ctx.task());
             \u0275\u0275advance();
-            \u0275\u0275conditional(ctx.isChangeOfDirectorsTask(taskData_r7) ? 1 : -1);
+            \u0275\u0275conditional(ctx.isChangeOfDirectorsTask(taskData_r9) ? 1 : -1);
             \u0275\u0275advance();
-            \u0275\u0275conditional(ctx.isFormationTask(taskData_r7) ? 2 : -1);
+            \u0275\u0275conditional(ctx.isFormationTask(taskData_r9) ? 2 : -1);
+            \u0275\u0275advance();
+            \u0275\u0275conditional(ctx.isChangeOfOfficeAddressesTask(taskData_r9) ? 3 : -1);
           }
         }, dependencies: [
           BritishColumbiaChangeOfDirectorsDeltaFormComponent,
           BritishColumbiaChangeOfDirectorsPreviewFormComponent,
           BritishColumbiaIncorporationDeltaFormComponent,
-          BritishColumbiaIncorporationPreviewFormComponent
+          BritishColumbiaIncorporationPreviewFormComponent,
+          BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent,
+          BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent
         ], styles: ["\n\n[_nghost-%COMP%] {\n  display: contents;\n}\n/*# sourceMappingURL=british-columbia.component.css.map */"], changeDetection: 0 });
       };
       (() => {
@@ -87661,12 +89143,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             BritishColumbiaChangeOfDirectorsDeltaFormComponent,
             BritishColumbiaChangeOfDirectorsPreviewFormComponent,
             BritishColumbiaIncorporationDeltaFormComponent,
-            BritishColumbiaIncorporationPreviewFormComponent
-          ], template: '@let taskData = this.task();\r\n\r\n@if (isChangeOfDirectorsTask(taskData)) {\r\n  @if (activeStep() === steps.Validate) {\r\n    <british-columbia-change-of-directors-delta-form\r\n      [task]="taskData"\r\n      [form]="deltaForm()"\r\n      [actionsDisabled]="actionsDisabled()"\r\n      [errors]="errors()"\r\n      [isNote]="isNote()"\r\n      (validate)="onChangeOfDirectorsValidate()"\r\n      (close)="onClose()"\r\n      (save)="onChangeOfDirectorsSave()"\r\n    />\r\n  }\r\n\r\n  @if (activeStep() === steps.FilingPreview) {\r\n    <british-columbia-change-of-directors-preview-form\r\n      [task]="taskData"\r\n      [form]="previewForm()"\r\n      [actionsDisabled]="actionsDisabled()"\r\n      [errors]="errors()"\r\n      (close)="close.emit()"\r\n      (file)="onChangeOfDirectorsSubmit()"\r\n    />\r\n  }\r\n}\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,
+            BritishColumbiaChangeOfOfficeAddressesDeltaFormComponent,
+            BritishColumbiaChangeOfOfficeAddressesPreviewFormComponent
+          ], template: '@let taskData = this.task();\r\n\r\n@if (isChangeOfDirectorsTask(taskData)) {\r\n  @if (activeStep() === steps.Validate) {\r\n    <british-columbia-change-of-directors-delta-form\r\n      [task]="taskData"\r\n      [form]="deltaForm()"\r\n      [actionsDisabled]="actionsDisabled()"\r\n      [errors]="errors()"\r\n      [isNote]="isNote()"\r\n      (validate)="onChangeOfDirectorsValidate()"\r\n      (close)="onClose()"\r\n      (save)="onChangeOfDirectorsSave()"\r\n    />\r\n  }\r\n\r\n  @if (activeStep() === steps.FilingPreview) {\r\n    <british-columbia-change-of-directors-preview-form\r\n      [task]="taskData"\r\n      [form]="previewForm()"\r\n      [actionsDisabled]="actionsDisabled()"\r\n      [errors]="errors()"\r\n      (close)="close.emit()"\r\n      (file)="onChangeOfDirectorsSubmit()"\r\n    />\r\n  }\r\n}\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\r\n@if (isChangeOfOfficeAddressesTask(taskData)) {\r\n  @if (activeStep() === steps.Validate) {\r\n    <british-columbia-change-of-office-addresses-delta-form\r\n      [task]="taskData"\r\n      [form]="deltaForm()"\r\n      [actionsDisabled]="actionsDisabled()"\r\n      [errors]="errors()"\r\n      [isNote]="isNote()"\r\n      (validate)="onChangeOfOfficeAddressesValidate()"\r\n      (close)="onClose()"\r\n      (save)="onChangeOfOfficeAddressesSave()"\r\n    />\r\n  }\r\n\r\n  @if (activeStep() === steps.FilingPreview) {\r\n    <british-columbia-change-of-office-addresses-preview-form\r\n      [task]="taskData"\r\n      [form]="previewForm()"\r\n      [actionsDisabled]="actionsDisabled()"\r\n      [errors]="errors()"\r\n      (close)="close.emit()"\r\n      (file)="onChangeOfOfficeAddressesFile()"\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"] }]
         }], () => [], null);
       })();
       (() => {
-        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaComponent, { className: "BritishColumbiaComponent", filePath: "src/app/components/british-columbia/british-columbia.component.ts", lineNumber: 62 });
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaComponent, { className: "BritishColumbiaComponent", filePath: "src/app/components/british-columbia/british-columbia.component.ts", lineNumber: 72 });
       })();
     }
   });
@@ -93896,9 +95380,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             ensureAuthInputs(signature);
             const fetchFn = opts.fetchImpl ?? fetch;
             const dataExtractUrl = `${this.getOnbisOrigin()}/filings/ca/bc/data-extract`;
-            const orderResp = yield fetchWithJwtRetry(signature, () => postJson(fetchFn, signature.proxyApiUrl, signature.jwtToken, order, __spreadValues(__spreadValues({
+            const orderResp = yield fetchWithJwtRetry(signature, () => postJson(fetchFn, signature.proxyApiUrl, signature.jwtToken, order, __spreadValues({
               "x-target-url": `${dataExtractUrl}/order`
-            }, this.getEcoreIdentityHeaders()), opts.headers ?? {})));
+            }, opts.headers ?? {})));
             const ordered = yield this.readJson(orderResp, "BC current data extract order");
             const orderId = ordered.currentDataServiceOrderId;
             if (!orderResp.ok || !orderId || ordered.status === "failed") {
@@ -93909,10 +95393,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             for (let attempt = 0; attempt < maxAttempts; attempt++) {
               const extractResp = yield fetchWithJwtRetry(signature, () => fetchFn(signature.proxyApiUrl, {
                 method: "GET",
-                headers: __spreadValues(__spreadValues({
+                headers: __spreadValues({
                   Authorization: `Bearer ${signature.jwtToken}`,
                   "x-target-url": `${dataExtractUrl}/${encodeURIComponent(orderId)}`
-                }, this.getEcoreIdentityHeaders()), opts.headers ?? {})
+                }, opts.headers ?? {})
               }));
               const extract = yield this.readJson(extractResp, "BC current data extract");
               if (extractResp.ok && extract.status === "success") {
@@ -93937,9 +95421,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             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(__spreadValues({
+            const resp = yield fetchWithJwtRetry(signature, () => postJson(fetchFn, url, signature.jwtToken, requestBody, __spreadValues({
               "x-target-url": targetUrl
-            }, this.getEcoreIdentityHeaders()), opts.headers ?? {})));
+            }, opts.headers ?? {})));
             const raw = yield resp.text();
             const parsed = tryParseJson(raw);
             if (!parsed.ok) {
@@ -93972,10 +95456,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             const targetUrl = opts.endpointPath ?? `${this.getOnbisOrigin()}/filings/ca/bc/maintenance-filing/${encodeURIComponent(serviceOrderId)}`;
             const resp = yield fetchWithJwtRetry(signature, () => fetchFn(url, {
               method: "GET",
-              headers: __spreadValues(__spreadValues({
+              headers: __spreadValues({
                 Authorization: `Bearer ${signature.jwtToken}`,
                 "x-target-url": targetUrl
-              }, this.getEcoreIdentityHeaders()), opts.headers ?? {})
+              }, opts.headers ?? {})
             }));
             const raw = yield resp.text();
             const parsed = tryParseJson(raw);
@@ -93998,9 +95482,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             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(__spreadValues({
+            const resp = yield fetchWithJwtRetry(signature, () => postJson(fetchFn, url, signature.jwtToken, {}, __spreadValues({
               "x-target-url": targetUrl
-            }, this.getEcoreIdentityHeaders()), opts.headers ?? {})));
+            }, opts.headers ?? {})));
             const raw = yield resp.text();
             const parsed = tryParseJson(raw);
             const payload = parsed.ok ? unwrapRequestResults(parsed.value) : { raw };
@@ -94030,18 +95514,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           }
           return filingUrl.replace(/\/$/, "");
         }
-        getEcoreIdentityHeaders() {
-          const headers = {};
-          const clientId = this.config?.ecoreClientId;
-          const userId = this.config?.ecoreUserId;
-          if (clientId !== void 0 && clientId !== null && String(clientId).trim()) {
-            headers["x-ecore-client-id"] = String(clientId);
-          }
-          if (userId !== void 0 && userId !== null && String(userId).trim()) {
-            headers["x-ecore-user-id"] = String(userId);
-          }
-          return headers;
-        }
         static \u0275fac = function BritishColumbiaChangeOfDirectorsService_Factory(__ngFactoryType__) {
           return new (__ngFactoryType__ || _BritishColumbiaChangeOfDirectorsService)();
         };
@@ -94158,7 +95630,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   }
   function findDirectorNumber(affiliation, extract) {
     const target = normaliseDirectorName(affiliation);
-    const targetId = String(affiliation?._id ?? affiliation?.id ?? "").trim();
     let result;
     const visit = (value) => {
       if (result !== void 0 || value === null || value === void 0)
@@ -94171,8 +95642,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         return;
       const record = value;
       const number = record["directorNumber"] ?? record["DirectorNumber"];
-      const recordId = String(record["_id"] ?? record["id"] ?? record["affiliationId"] ?? "").trim();
-      if (number !== void 0 && (targetId && recordId === targetId || normaliseDirectorName(record) === target)) {
+      if (number !== void 0 && normaliseDirectorName(record) === target) {
         const parsed = Number(number);
         if (Number.isFinite(parsed))
           result = parsed;
@@ -94217,6 +95687,293 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }
   });
 
+  // src/app/services/british-columbia/british-columbia-maintenance.service.ts
+  var MAINTENANCE_FILING_PATH, TEMP_UAT_BC_FILING_URL2, DATA_EXTRACT_PATH, DEFAULT_EXTRACT_POLL, DEFAULT_RESULT_POLL, BritishColumbiaMaintenanceService;
+  var init_british_columbia_maintenance_service = __esm({
+    "src/app/services/british-columbia/british-columbia-maintenance.service.ts"() {
+      init_core();
+      init_common_utils();
+      init_core();
+      MAINTENANCE_FILING_PATH = "/filings/ca/bc/maintenance-filing";
+      TEMP_UAT_BC_FILING_URL2 = "https://uat3-onbis.oncorp.com/eCoreBcApi/";
+      DATA_EXTRACT_PATH = "/filings/ca/bc/data-extract";
+      DEFAULT_EXTRACT_POLL = { intervalMs: 3e3, timeoutMs: 6e5 };
+      DEFAULT_RESULT_POLL = { intervalMs: 3e3, timeoutMs: 6e5 };
+      BritishColumbiaMaintenanceService = class _BritishColumbiaMaintenanceService {
+        config;
+        setConfig(config2) {
+          this.config = config2;
+        }
+        /** Orders the registry's current data for the corporation; returns the extract's id. */
+        orderCurrentDataExtract(_0, _1) {
+          return __async(this, arguments, function* (signature, context2, opts = {}) {
+            const { status, ok, body, raw } = yield this.send(signature, "POST", `${DATA_EXTRACT_PATH}/order`, {
+              corporationNumber: context2.corporationNumber,
+              accessCodeOrPassword: context2.accessCodeOrPassword,
+              incorporationDate: context2.incorporationDate,
+              filingType: "changeOfAddressFiling"
+            }, opts);
+            const id = body?.currentDataServiceOrderId ?? body?.CurrentDataServiceOrderId;
+            if (!ok || !id || String(body?.status ?? "").toLowerCase() === "failed") {
+              throw this.failure(status, "Ordering the current data from the registry failed", body, raw);
+            }
+            return String(id);
+          });
+        }
+        /** Polls the extract until the registry has it ready (`success`). */
+        waitForCurrentDataExtract(_0, _1) {
+          return __async(this, arguments, function* (signature, extractId, opts = {}, poll = {}) {
+            const { intervalMs, timeoutMs } = __spreadValues(__spreadValues({}, DEFAULT_EXTRACT_POLL), poll);
+            const deadline = Date.now() + timeoutMs;
+            for (; ; ) {
+              const { status, ok, body, raw } = yield this.send(signature, "GET", `${DATA_EXTRACT_PATH}/${encodeURIComponent(extractId)}`, void 0, opts);
+              const state2 = String(body?.status ?? "").toLowerCase();
+              if (ok && state2 === "success") {
+                return;
+              }
+              if (!ok || state2 === "failed" || state2 === "sourceunavailable") {
+                throw this.failure(status, "Retrieving the current data from the registry failed", body, raw);
+              }
+              if (Date.now() >= deadline) {
+                throw new Error("The registry is still preparing the current data after 10 minutes. Please try again later.");
+              }
+              yield this.sleep(intervalMs);
+            }
+          });
+        }
+        /**
+         * Validates the filing against the extract and returns the draft. `context` supplies the
+         * corporation number and password; they are added here so they never become part of the
+         * saved request used to detect Entity changes.
+         */
+        validate(_0, _1, _2, _3) {
+          return __async(this, arguments, function* (signature, requestBody, extractId, context2, opts = {}) {
+            const { status, ok, body, raw } = yield this.send(signature, "POST", MAINTENANCE_FILING_PATH, {
+              currentDataServiceOrderId: extractId,
+              filingType: requestBody.filingType,
+              filing: __spreadProps(__spreadValues({}, requestBody.filing), {
+                corporationNumber: context2.corporationNumber,
+                accessCodeOrPassword: context2.accessCodeOrPassword
+              })
+            }, opts);
+            if (body === null) {
+              throw this.failure(status, "eCore validation failed", body, raw);
+            }
+            const result = this.normalize(unwrapRequestResults(body));
+            if (ok && !this.hasFailed(result)) {
+              return result;
+            }
+            const err = new Error(this.describeFailure(status, "eCore validation failed", result));
+            err.validateResult = result;
+            err.httpStatus = status;
+            throw err;
+          });
+        }
+        /**
+         * Submits the staged filing, then waits for the registry's result. Resolves once the filing
+         * is `success` (or its documents are pending); throws if it `failed`. If the registry is
+         * still `processing` when the wait ends, the filing is already submitted, so it resolves
+         * with `Status: 'Success'` and `Processing: true` rather than inviting a second submit.
+         */
+        submitAndWait(_0, _1) {
+          return __async(this, arguments, function* (signature, serviceOrderId, opts = {}, poll = {}) {
+            if (!serviceOrderId) {
+              throw new Error("Missing serviceOrderId.");
+            }
+            const submitted = yield this.send(signature, "POST", `${MAINTENANCE_FILING_PATH}/${encodeURIComponent(serviceOrderId)}/submit`, void 0, opts);
+            const submitResult = this.normalize(submitted.body);
+            if (!submitted.ok || submitResult.Status === "Failure") {
+              const err = new Error(this.describeFailure(submitted.status, "eCore submit failed", submitResult));
+              err.submitResult = submitResult;
+              err.httpStatus = submitted.status;
+              throw err;
+            }
+            const { intervalMs, timeoutMs } = __spreadValues(__spreadValues({}, DEFAULT_RESULT_POLL), poll);
+            const deadline = Date.now() + timeoutMs;
+            let processing = false;
+            let files;
+            for (; ; ) {
+              const { status, ok, body, raw } = yield this.send(signature, "GET", `${MAINTENANCE_FILING_PATH}/${encodeURIComponent(serviceOrderId)}`, void 0, opts);
+              const state2 = String(body?.status ?? "").toLowerCase();
+              if (ok && (state2 === "success" || state2 === "pendingdocuments")) {
+                files = body?.files;
+                break;
+              }
+              if (!ok || state2 === "failed" || state2 === "sourceunavailable") {
+                throw this.failure(status, "The registry could not complete the filing", body, raw);
+              }
+              if (Date.now() >= deadline) {
+                processing = true;
+                break;
+              }
+              yield this.sleep(intervalMs);
+            }
+            signature.filingSubmitSuccess?.({ filedOn: /* @__PURE__ */ new Date(), serviceOrderId });
+            return { Status: "Success", ServiceOrderId: serviceOrderId, Processing: processing, Files: files };
+          });
+        }
+        getBaseUrl(env) {
+          const baseUrl = this.config?.BCFiling || (env === "TEST" ? TEMP_UAT_BC_FILING_URL2 : void 0);
+          if (!baseUrl) {
+            throw new Error("BritishColumbiaMaintenanceService: missing EnvConfig.BCFiling.");
+          }
+          return baseUrl;
+        }
+        /** One call to the BC API through the proxy. `body` is `null` when the response isn't JSON. */
+        send(signature, method, path, payload, opts) {
+          return __async(this, null, function* () {
+            ensureAuthInputs(signature);
+            const fetchFn = opts.fetchImpl ?? fetch;
+            const targetUrl = joinUrl(this.getBaseUrl(signature.env), path);
+            const { ecoreClientId, ecoreUserId } = this.config ?? {};
+            const headers = __spreadValues(__spreadValues(__spreadValues({
+              "x-target-url": targetUrl
+            }, ecoreClientId ? { ClientId: String(ecoreClientId) } : {}), ecoreUserId ? { UserId: String(ecoreUserId) } : {}), opts.headers ?? {});
+            const resp = yield fetchWithJwtRetry(signature, () => method === "POST" && payload !== void 0 ? postJson(fetchFn, signature.proxyApiUrl, signature.jwtToken, payload, headers) : fetchFn(signature.proxyApiUrl, {
+              method,
+              headers: __spreadValues({ Authorization: `Bearer ${signature.jwtToken}` }, headers)
+            }));
+            const raw = yield resp.text();
+            const parsed = tryParseJson(raw);
+            const body = parsed.ok ? unwrapRequestResults(parsed.value) : null;
+            return { status: resp.status, ok: resp.ok, body, raw };
+          });
+        }
+        failure(status, prefix, body, raw) {
+          const result = body ? this.normalize(body) : void 0;
+          const message = result ? this.describeFailure(status, prefix, result) : `${prefix} (HTTP ${status}): ${raw || "(empty response)"}`;
+          const err = new Error(message);
+          err.httpStatus = status;
+          return err;
+        }
+        sleep(ms) {
+          return new Promise((resolve) => setTimeout(resolve, ms));
+        }
+        /**
+         * Maps a BC API body to the shared result shape. `status` becomes `Success` or `Failure`
+         * (`failed` and any other non-success value are failures). When a failure carries no
+         * `errors`, `additionalInformation` is used as the error messages.
+         */
+        normalize(body) {
+          const rawErrors = body?.errors ?? body?.Errors ?? [];
+          const errors = rawErrors.map((e) => ({
+            Code: e?.code ?? e?.Code,
+            Message: e?.message ?? e?.Message ?? e?.ErrorMessage
+          }));
+          const status = String(body?.status ?? body?.Status ?? "").toLowerCase();
+          const succeeded = status === "success" || status === "alreadysubmitted";
+          if (!succeeded && !errors.length) {
+            const additional = body?.additionalInformation ?? [];
+            errors.push(...additional.map((Message) => ({ Message })));
+          }
+          return {
+            Status: succeeded ? "Success" : "Failure",
+            ServiceOrderId: body?.serviceOrderId ?? body?.ServiceOrderId,
+            Draft: body?.draft ?? body?.Draft,
+            Errors: errors
+          };
+        }
+        /** A body-level failure: the normalised status is `Failure` or errors were returned. */
+        hasFailed(result) {
+          return result.Status === "Failure" || Boolean(result.Errors?.length);
+        }
+        describeFailure(httpStatus, prefix, result) {
+          const messages = (result.Errors ?? []).map((e) => e.Message || e.Code).filter(Boolean).join(" | ");
+          return messages ? `${prefix} (HTTP ${httpStatus}): ${messages}` : `${prefix} (HTTP ${httpStatus}).`;
+        }
+        static \u0275fac = function BritishColumbiaMaintenanceService_Factory(__ngFactoryType__) {
+          return new (__ngFactoryType__ || _BritishColumbiaMaintenanceService)();
+        };
+        static \u0275prov = /* @__PURE__ */ \u0275\u0275defineInjectable({ token: _BritishColumbiaMaintenanceService, factory: _BritishColumbiaMaintenanceService.\u0275fac, providedIn: "root" });
+      };
+      (() => {
+        (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaMaintenanceService, [{
+          type: Injectable,
+          args: [{
+            providedIn: "root"
+          }]
+        }], null, null);
+      })();
+    }
+  });
+
+  // src/app/helpers/mappers/british-columbia-change-of-office-addresses.mapper.ts
+  function formatPostalCode(value) {
+    const compact = clean(value).replace(/[\s-]+/g, "").toUpperCase();
+    return compact.length === 6 ? `${compact.slice(0, 3)} ${compact.slice(3)}` : clean(value).toUpperCase();
+  }
+  function toEcoreAddress(address) {
+    const line2 = clean(address?.addressLine2);
+    return __spreadProps(__spreadValues({
+      streetAddress: clean(address?.addressLine1)
+    }, line2 ? { additionalStreetAddress: line2 } : {}), {
+      city: clean(address?.city),
+      provinceOrState: BC_PROVINCE_CODE,
+      postalOrZipCode: formatPostalCode(address?.postalCode),
+      country: CANADA_COUNTRY_CODE
+    });
+  }
+  function isSameAddress(a, b) {
+    const key = (x) => [x.streetAddress, x.additionalStreetAddress, x.city, x.provinceOrState, x.postalOrZipCode, x.country].map((v) => (v ?? "").trim().toLowerCase().replace(/\s+/g, " ")).join("|");
+    return key(a) === key(b);
+  }
+  function buildBCChangeOfOfficeAddressesValidateRequest(task, deltaData) {
+    const registered = deltaData.registeredOffice;
+    const records = deltaData.recordsOffice;
+    const registeredMailing = toEcoreAddress(registered?.mailingAddress);
+    const registeredDelivery = registered?.deliverySameAsMailing ? registeredMailing : toEcoreAddress(registered?.deliveryAddress);
+    const recordsMailing = records?.sameAsRegisteredOffice ? registeredMailing : toEcoreAddress(records?.mailingAddress);
+    const recordsDelivery = records?.sameAsRegisteredOffice ? registeredDelivery : records?.deliverySameAsMailing ? recordsMailing : toEcoreAddress(records?.deliveryAddress);
+    const registeredDeliverySame = isSameAddress(registeredDelivery, registeredMailing);
+    const recordsSameAsRegistered = isSameAddress(recordsMailing, registeredMailing);
+    const recordsDeliverySame = isSameAddress(recordsDelivery, recordsMailing);
+    const filing = {
+      registeredOfficeMailingAddress: registeredMailing,
+      isRegisteredOfficeDeliveryAddressSameAsMailing: registeredDeliverySame,
+      isRecordsOfficeMailingAddressSameAsRegisteredOfficeMailing: recordsSameAsRegistered,
+      isRecordsOfficeDeliveryAddressSameAsRecordsOfficeMailing: recordsDeliverySame,
+      // Both are picked on the form; the fallbacks only cover data saved before they were added.
+      companyEmail: clean(deltaData.companyEmail) || BritishColumbiaChangeOfOfficeAddressesFormHelper.resolveCompanyEmail(task),
+      isAnnualReportReminderRequired: deltaData.annualReportReminder === BCAnnualReportReminder.Yes
+    };
+    const reference = clean(deltaData.referenceNumbers?.referenceNumber);
+    const docket = clean(deltaData.referenceNumbers?.docketNumber);
+    if (reference) {
+      filing.reference = reference;
+    }
+    if (docket) {
+      filing.docket = docket;
+    }
+    if (!registeredDeliverySame) {
+      filing.registeredOfficeDeliveryAddress = registeredDelivery;
+    }
+    if (!recordsSameAsRegistered) {
+      filing.recordsOfficeMailingAddress = recordsMailing;
+    }
+    if (!recordsDeliverySame) {
+      filing.recordsOfficeDeliveryAddress = recordsDelivery;
+    }
+    return { filingType: "changeOfAddressFiling", filing };
+  }
+  function getBritishColumbiaAccessCode2(task, env) {
+    const registryId = task.entity._profile.registry_id?.trim() ?? "";
+    if (registryId) {
+      return registryId;
+    }
+    return env === "TEST" ? TEMP_UAT_TEST_ACCESS_CODE : "";
+  }
+  var TEMP_UAT_TEST_ACCESS_CODE, BC_PROVINCE_CODE, CANADA_COUNTRY_CODE, clean;
+  var init_british_columbia_change_of_office_addresses_mapper = __esm({
+    "src/app/helpers/mappers/british-columbia-change-of-office-addresses.mapper.ts"() {
+      init_BritishColumbiaConstants();
+      init_british_columbia_change_of_office_addresses_form_helper();
+      TEMP_UAT_TEST_ACCESS_CODE = "12345678";
+      BC_PROVINCE_CODE = "BC";
+      CANADA_COUNTRY_CODE = "CA";
+      clean = (value) => (value ?? "").trim();
+    }
+  });
+
   // src/app/components/filing/filing.component.ts
   function FilingComponent_Conditional_7_Template(rf, ctx) {
     if (rf & 1) {
@@ -94300,6 +96057,10 @@ 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.onNextStepClick());
+      })("recheckStep", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_recheckStep_0_listener() {
+        \u0275\u0275restoreView(_r6);
+        const ctx_r2 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r2.defineInitialStep());
       })("prevStep", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_prevStep_0_listener() {
         \u0275\u0275restoreView(_r6);
         const ctx_r2 = \u0275\u0275nextContext(2);
@@ -94316,6 +96077,18 @@ 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.onBritishColumbiaChangeOfDirectorsSubmit());
+      })("coaValidate", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_coaValidate_0_listener($event) {
+        \u0275\u0275restoreView(_r6);
+        const ctx_r2 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r2.onBritishColumbiaChangeOfOfficeAddressesValidate($event));
+      })("saveCoaDeltaData", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_saveCoaDeltaData_0_listener($event) {
+        \u0275\u0275restoreView(_r6);
+        const ctx_r2 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r2.onBritishColumbiaChangeOfOfficeAddressesSave($event));
+      })("coaSubmit", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_coaSubmit_0_listener() {
+        \u0275\u0275restoreView(_r6);
+        const ctx_r2 = \u0275\u0275nextContext(2);
+        return \u0275\u0275resetView(ctx_r2.onBritishColumbiaChangeOfOfficeAddressesSubmit());
       })("formationValidate", function FilingComponent_Conditional_10_Conditional_1_Template_british_columbia_formationValidate_0_listener($event) {
         \u0275\u0275restoreView(_r6);
         const ctx_r2 = \u0275\u0275nextContext(2);
@@ -94431,6 +96204,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_delta_state_service();
       init_british_columbia_change_of_directors_service();
       init_british_columbia_change_of_directors_mapper();
+      init_british_columbia_maintenance_service();
+      init_british_columbia_change_of_office_addresses_mapper();
       init_core();
       init_button();
       FilingComponent = class _FilingComponent {
@@ -94487,6 +96262,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         federalUpdateMaintainService = inject(FederalUpdateMaintainService);
         updateMaintainService = inject(OntarioUpdateMaintainService);
         britishColumbiaChangeOfDirectorsService = inject(BritishColumbiaChangeOfDirectorsService);
+        bcMaintenanceService = inject(BritishColumbiaMaintenanceService);
         translate = inject(TranslateService);
         isEditButton = computed(() => {
           const task = this.task();
@@ -94531,6 +96307,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           if (isChangeOfPrincipalsTask(task) && isBritishColumbiaTask(task)) {
             return "File British Columbia Notice of Change of Directors";
           }
+          if (isChangeOfAddressTask(task) && isBritishColumbiaTask(task)) {
+            return "File British Columbia Change of Office Addresses";
+          }
           return "";
         });
         constructor() {
@@ -94543,6 +96322,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               this.bcFormationService.setConfig(config2);
               this.federalUpdateMaintainService.setConfig(config2);
               this.britishColumbiaChangeOfDirectorsService.setConfig(config2);
+              this.bcMaintenanceService.setConfig(config2);
             }
           });
           addStylesVariables();
@@ -94569,11 +96349,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               }
             }
             if (isChangeOfPrincipalsTask(task) && isBritishColumbiaTask(task) && this.bcDataExtractTaskId !== task._id) {
-              if (task.deltaData?.validatedData) {
-                this.bcCurrentDataServiceOrderId = task.deltaData.validatedData.currentDataServiceOrderId ?? "";
-                this.bcDataExtractTaskId = task._id;
-                return;
-              }
               const signature = this._signature();
               if (!signature)
                 return;
@@ -94872,6 +96647,97 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             }
           });
         }
+        /**
+         * British Columbia Change of Office Addresses "Validate & Generate Draft": sends the filing
+         * to eCore, hands the draft PDF to the host, and saves the delta together with the
+         * ServiceOrderId and the full request (`validatedData`) used to detect later Entity changes.
+         */
+        onBritishColumbiaChangeOfOfficeAddressesValidate(deltaData) {
+          return __async(this, null, function* () {
+            const task = this.task();
+            const signature = this._signature();
+            try {
+              if (!task || !signature) {
+                throw new Error("The filing is not ready yet. Please try again.");
+              }
+              this.isLoading.set(true);
+              this.errors.set([]);
+              const requestBody = buildBCChangeOfOfficeAddressesValidateRequest(task, deltaData);
+              const opts = this.validateOptions() ?? {};
+              const context2 = {
+                corporationNumber: task.entity._profile.corp_number ?? "",
+                accessCodeOrPassword: getBritishColumbiaAccessCode2(task, signature.env),
+                incorporationDate: String(task.entity._compliance?.incorporation_date ?? "").slice(0, 10)
+              };
+              const extractId = yield this.bcMaintenanceService.orderCurrentDataExtract(signature, context2, opts);
+              yield this.bcMaintenanceService.waitForCurrentDataExtract(signature, extractId, opts);
+              const response = yield this.bcMaintenanceService.validate(signature, requestBody, extractId, context2, opts);
+              if (this.hasResponseErrors(response))
+                return;
+              const serviceOrderId = response.ServiceOrderId ?? "";
+              const draftPdf = response.Draft ?? "";
+              const searchOrFilingType = getSearchOrFilingType(task);
+              if (draftPdf && searchOrFilingType) {
+                this.filingValidateSuccess.emit({
+                  searchOrFilingType,
+                  serviceOrderId,
+                  validatedOn: /* @__PURE__ */ new Date(),
+                  provider: "bcreg",
+                  draftPdf,
+                  documentName: this.validateOptions()?.documentName ?? "British Columbia Change of Office Addresses Draft",
+                  documentType: "pdf"
+                });
+              }
+              this.deltaDataChange.emit(__spreadProps(__spreadValues({}, deltaData), {
+                serviceOrderId,
+                // The corporation number is added by the service, not by the request builder, so it is
+                // stored explicitly (the access code is deliberately left out) to detect entity changes.
+                validatedData: __spreadProps(__spreadValues({}, JSON.parse(JSON.stringify(requestBody))), {
+                  corporationNumber: context2.corporationNumber
+                })
+              }));
+              this.close.emit();
+            } catch (response) {
+              this.handleCatchError(response);
+            } finally {
+              this.isLoading.set(false);
+            }
+          });
+        }
+        /**
+         * British Columbia Change of Office Addresses save – propagates delta data to the host.
+         */
+        onBritishColumbiaChangeOfOfficeAddressesSave(deltaData) {
+          const oldDeltaData = this.task()?.deltaData;
+          if (oldDeltaData) {
+            delete this.task()?.deltaData;
+          }
+          this.deltaDataChange.emit(deltaData);
+        }
+        /**
+         * British Columbia Change of Office Addresses submit/file: submits the filing staged by
+         * "Validate & Generate Draft" using the ServiceOrderId saved with the delta.
+         */
+        onBritishColumbiaChangeOfOfficeAddressesSubmit() {
+          return __async(this, null, function* () {
+            const signature = this._signature();
+            const serviceOrderId = this.task()?.deltaData?.serviceOrderId;
+            if (!signature || !serviceOrderId) {
+              this.handleCatchError(new Error("Missing serviceOrderId. Generate a draft before filing."));
+              return;
+            }
+            try {
+              this.isLoading.set(true);
+              this.errors.set([]);
+              yield this.bcMaintenanceService.submitAndWait(signature, serviceOrderId, this.validateOptions() ?? {});
+              this.close.emit();
+            } catch (response) {
+              this.handleCatchError(response);
+            } finally {
+              this.isLoading.set(false);
+            }
+          });
+        }
         /**
          * Ontario Update/Maintain (IR / NOC / Annual Return) save – propagates delta data to the host.
          */
@@ -95091,41 +96957,12 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           return "Initial Return Draft";
         }
         onEditClick() {
-          const task = this.task();
-          if (!task)
-            return;
-          if (isUpdateMaintain(task)) {
+          if (isUpdateMaintain(this.task())) {
             this.serviceOrderId = "";
             void this.getCurrentData();
-          } else if (isChangeOfPrincipalsTask(task) && isBritishColumbiaTask(task)) {
-            this.bcDataExtractTaskId = "";
-            void this.refreshBritishColumbiaCurrentDataExtract();
           }
           this.activeStep.set(Step.Validate);
         }
-        refreshBritishColumbiaCurrentDataExtract() {
-          return __async(this, null, function* () {
-            const task = this.task();
-            const signature = this._signature();
-            if (!task || !signature || !isChangeOfPrincipalsTask(task))
-              return;
-            const { request, issues } = buildBritishColumbiaDataExtractOrder(task, task.deltaData?.companyPassword);
-            if (issues.length) {
-              this.errors.set(issues);
-              return;
-            }
-            this.isLoading.set(true);
-            try {
-              this.bcCurrentDataServiceOrderId = yield this.britishColumbiaChangeOfDirectorsService.ensureCurrentDataExtract(signature, request, this.validateOptions() ?? {});
-              this.currentDataExtract.set(this.britishColumbiaChangeOfDirectorsService.getCurrentDataExtract());
-              this.bcDataExtractTaskId = task._id;
-            } catch (error) {
-              this.handleCatchError(error);
-            } finally {
-              this.isLoading.set(false);
-            }
-          });
-        }
         parseError(errors) {
           return errors.map((item) => (item["ErrorMessage"] ?? item["Message"] ?? "").toString().trim()).filter((message) => message.length > 0);
         }
@@ -95169,7 +97006,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             this.errors.set(this.parseError(errors));
             return;
           }
-          const fallbackMessage = parsed?.message || (typeof parsed === "string" ? parsed : "") || this.translate.instant("An unexpected error occurred. Please try again.");
+          const fallbackMessage = (response instanceof Error ? response.message : "") || parsed?.message || (typeof parsed === "string" ? parsed : "") || this.translate.instant("An unexpected error occurred. Please try again.");
           this.errors.set([fallbackMessage]);
         }
         onClose() {
@@ -95236,6 +97073,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           let initialDelta;
           if (isFormationTask2(task)) {
             initialDelta = isOntarioTask(task) ? this.deltaState.formationInitialDelta() : isBritishColumbiaTask(task) ? this.deltaState.bcFormationInitialDelta() : this.deltaState.federalFormationInitialDelta();
+          } else if (isChangeOfAddressTask(task) && isBritishColumbiaTask(task)) {
+            initialDelta = this.deltaState.bcChangeOfOfficeAddressesInitialDelta();
           } else if (isUpdateMaintain(task)) {
             initialDelta = isOntarioTask(task) ? this.deltaState.initialReturnInitialDelta() : this.deltaState.federalUpdateMaintainInitialDelta();
           } else if (isChangeOfPrincipalsTask(task) && isBritishColumbiaTask(task)) {
@@ -95269,6 +97108,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             }
             return federalPayload;
           }
+          if (isChangeOfAddressTask(task) && isBritishColumbiaTask(task)) {
+            return __spreadProps(__spreadValues({}, buildBCChangeOfOfficeAddressesValidateRequest(task, deltaData)), {
+              corporationNumber: task.entity._profile.corp_number ?? ""
+            });
+          }
           if (isUpdateMaintain(task) && isOntarioTask(task)) {
             const serviceOrderId = deltaData?.serviceOrderId ?? this.serviceOrderId;
             if (!serviceOrderId) {
@@ -95297,7 +97141,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", "currentDataExtract"], [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", "currentDataExtract"], [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", "currentDataExtract"], [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", "recheckStep", "prevStep", "codValidate", "saveCodDeltaData", "codSubmit", "coaValidate", "saveCoaDeltaData", "coaSubmit", "formationValidate", "saveFormationDeltaData", "formationSubmit", "task", "currentUser", "activeStep", "isNote", "actionsDisabled", "errors", "currentDataExtract"], [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);
@@ -95379,7 +97223,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           [activeStep]="activeStep()"\r
           [isNote]="dataWasChanged()"\r
           [actionsDisabled]="isLoading()"\r
-          [errors]="errors()"
+          [errors]="errors()"\r
           [prevData]="prevData()"\r
           (close)="close.emit()"\r
           (formationValidate)="onOntarioFormationValidate($event)"\r
@@ -95398,15 +97242,19 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           [currentUser]="currentUser()"\r
           [activeStep]="activeStep()"\r
           [isNote]="dataWasChanged()"\r
-          [actionsDisabled]="isLoading()"
-          [errors]="errors()"
-          [currentDataExtract]="currentDataExtract()"
+          [actionsDisabled]="isLoading()"\r
+          [errors]="errors()"\r
+          [currentDataExtract]="currentDataExtract()"\r
           (close)="close.emit()"\r
           (nextStep)="onNextStepClick()"\r
+          (recheckStep)="defineInitialStep()"\r
           (prevStep)="onOntarioPrevStep()"\r
           (codValidate)="onBritishColumbiaChangeOfDirectorsValidate($event)"\r
           (saveCodDeltaData)="onBritishColumbiaChangeOfDirectorsSave($event)"\r
           (codSubmit)="onBritishColumbiaChangeOfDirectorsSubmit()"\r
+          (coaValidate)="onBritishColumbiaChangeOfOfficeAddressesValidate($event)"\r
+          (saveCoaDeltaData)="onBritishColumbiaChangeOfOfficeAddressesSave($event)"\r
+          (coaSubmit)="onBritishColumbiaChangeOfOfficeAddressesSubmit()"\r
           (formationValidate)="onBritishColumbiaFormationValidate($event)"\r
           (saveFormationDeltaData)="onBritishColumbiaFormationSave($event)"\r
           (formationSubmit)="onBritishColumbiaFormationSubmit()"\r
@@ -95436,12 +97284,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     </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: 91 });
+        (typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(FilingComponent, { className: "FilingComponent", filePath: "src/app/components/filing/filing.component.ts", lineNumber: 97 });
       })();
     }
   });
@@ -100087,7 +101934,17 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         Currency: "Currency",
         "Special Rights or Restrictions": "Special Rights or Restrictions",
         Unlimited: "Unlimited",
-        "Without Par Value": "Without Par Value"
+        "Without Par Value": "Without Par Value",
+        "File British Columbia Change of Office Addresses": "File British Columbia Change of Office Addresses",
+        "Records Office Address": "Records Office Address",
+        "The new addresses will take effect at the beginning of the day following the filing date. The registered and records offices must be located in British Columbia.": "The new addresses will take effect at the beginning of the day following the filing date. The registered and records offices must be located in British Columbia.",
+        "Current Mailing Address": "Current Mailing Address",
+        "Current Delivery Address": "Current Delivery Address",
+        "New Mailing Address": "New Mailing Address",
+        "New Delivery Address": "New Delivery Address",
+        "Same as Mailing Address": "Same as Mailing Address",
+        "Same as Registered Office": "Same as Registered Office",
+        "The delivery address must be a physical location in British Columbia where documents can be delivered during statutory business hours. A post office box is not acceptable.": "The delivery address must be a physical location in British Columbia where documents can be delivered during statutory business hours. A post office box is not acceptable."
       };
     }
   });
@@ -100434,7 +102291,16 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         Currency: "Devise",
         "Special Rights or Restrictions": "Droits ou restrictions sp\xE9ciaux",
         Unlimited: "Illimit\xE9",
-        "Without Par Value": "Sans valeur nominale"
+        "Without Par Value": "Sans valeur nominale",
+        "File British Columbia Change of Office Addresses": "D\xE9poser le changement d'adresses de bureaux de la Colombie-Britannique",
+        "The new addresses will take effect at the beginning of the day following the filing date. The registered and records offices must be located in British Columbia.": "Les nouvelles adresses prendront effet au d\xE9but du jour suivant la date de d\xE9p\xF4t. Le si\xE8ge social et le bureau des registres doivent \xEAtre situ\xE9s en Colombie-Britannique.",
+        "Current Mailing Address": "Adresse postale actuelle",
+        "Current Delivery Address": "Adresse de livraison actuelle",
+        "New Mailing Address": "Nouvelle adresse postale",
+        "New Delivery Address": "Nouvelle adresse de livraison",
+        "Same as Mailing Address": "Identique \xE0 l'adresse postale",
+        "Same as Registered Office": "Identique au si\xE8ge social",
+        "The delivery address must be a physical location in British Columbia where documents can be delivered during statutory business hours. A post office box is not acceptable.": "L'adresse de livraison doit \xEAtre un lieu physique en Colombie-Britannique o\xF9 des documents peuvent \xEAtre livr\xE9s pendant les heures d'ouverture l\xE9gales. Une case postale n'est pas accept\xE9e."
       };
     }
   });