@dyedurham/search-and-file-widget 2.0.1 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dnd-filing-shell.js +1499 -1499
  2. package/package.json +1 -1
package/dnd-filing-shell.js CHANGED
@@ -19418,12 +19418,12 @@ To fix this, switch the \`${attrName}\` binding to a static attribute in a templ
19418
19418
  verifySemanticsOfNgModuleImport(modOrStandaloneCmpt, moduleType);
19419
19419
  verifySemanticsOfNgModuleDef(modOrStandaloneCmpt, false, moduleType);
19420
19420
  });
19421
- const exports$1 = maybeUnwrapFn(ngModuleDef.exports);
19421
+ const exports = maybeUnwrapFn(ngModuleDef.exports);
19422
19422
  declarations.forEach(verifyDeclarationsHaveDefinitions);
19423
19423
  declarations.forEach(verifyDirectivesHaveSelector);
19424
19424
  declarations.forEach((declarationType) => verifyNotStandalone(declarationType, moduleType));
19425
19425
  const combinedDeclarations = [...declarations.map(resolveForwardRef), ...flatten(imports.map(computeCombinedExports)).map(resolveForwardRef)];
19426
- exports$1.forEach(verifyExportsAreDeclaredOrReExported);
19426
+ exports.forEach(verifyExportsAreDeclaredOrReExported);
19427
19427
  declarations.forEach((decl) => verifyDeclarationIsUnique(decl, allowDuplicateDeclarationsInRoot));
19428
19428
  const ngModule = getAnnotation(moduleType, "NgModule");
19429
19429
  if (ngModule) {
@@ -56960,9 +56960,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
56960
56960
  const country = normalizeCountryCode(address?.country);
56961
56961
  let provinceState = address?.province_state;
56962
56962
  if (country === "CA") {
56963
- provinceState = CANProvinceToCode(address.province_state) || address.province_state;
56963
+ provinceState = CANProvinceToCode(address?.province_state) || address?.province_state;
56964
56964
  } else if (country === "US") {
56965
- provinceState = USStateToCode(address.province_state) || address.province_state;
56965
+ provinceState = USStateToCode(address?.province_state) || address?.province_state;
56966
56966
  }
56967
56967
  const isCanadianAddress = country === "CA";
56968
56968
  const mappedStreetName = isCanadianAddress ? deltaData?.streetName ?? StreetName : streetOnly ?? "";
@@ -56975,9 +56975,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
56975
56975
  }), suite && { UnitNumber: suite }), {
56976
56976
  CanadianUnitType: isCanadianAddress ? mapUnitTypeToEcore(deltaData?.unitType) ?? null : null,
56977
56977
  UnitNumber: deltaData?.unitNumber ?? null,
56978
- City: address.city,
56978
+ City: address?.city,
56979
56979
  ProvinceState: provinceState,
56980
- Code: address.postal_zip,
56980
+ Code: address?.postal_zip,
56981
56981
  Country: country
56982
56982
  });
56983
56983
  }
@@ -59287,7 +59287,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
59287
59287
  [IRFormControls.EntityIdentifier]: NNFormControl(task.entity._profile.corp_number),
59288
59288
  [IRFormControls.PrimaryActivity]: NNFormControl(primaryActivity),
59289
59289
  [IRFormControls.ClientMatterNumber]: NNFormControl(deltaData?.referenceNumbers?.referenceNumber ?? task.entity._profile.client_matter_number),
59290
- [IRFormControls.OfficialEmail]: NNFormControl(officialBusinessEmail)
59290
+ [IRFormControls.OfficialEmail]: NNFormControl(officialBusinessEmail ?? "")
59291
59291
  });
59292
59292
  }
59293
59293
  static generateCertification(cert, deltaData) {
@@ -60717,7 +60717,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
60717
60717
  (() => {
60718
60718
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(ConfirmModalComponent, [{
60719
60719
  type: Component,
60720
- args: [{ selector: "confirm-modal", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, TranslatePipe], template: '@let config = modalConfig();\r\n<div class="confirm-modal">\r\n <div class="confirm-modal-header">\r\n <h1 class="confirm-modal-header-title d-flex align-items-center">\r\n @if (config.icon) {\r\n <span class="material-icons-outlined icon mr-s">delete</span>\r\n }\r\n\r\n {{ config.title | translate }}\r\n </h1>\r\n </div>\r\n\r\n <div class="confirm-modal-text">{{ config.text | translate }}</div>\r\n\r\n <div class="confirm-modal-actions">\r\n <button mat-stroked-button (click)="closeModal()">\r\n <span class="body-1-semibold">{{ config.cancelButton | translate }}</span>\r\n </button>\r\n <button\r\n class="confirm-modal-actions-submit"\r\n mat-flat-button\r\n color="primary"\r\n (click)="closeModal(true)"\r\n >\r\n <span class="body-1-semibold">{{ config.confirmButton | translate}}</span>\r\n </button>\r\n </div>\r\n</div>\r\n', styles: ['/* src/app/components/confirm-modal/confirm-modal.component.scss */\n:host {\n --filing-modal-color-grey: #444444;\n --filing-modal-color-dark-blue: #485673;\n --filing-modal-color-grey-mid: #A0A0A0;\n --filing-modal-color-light-blue: #3778E4;\n --filing-modal-color-black: #444444;\n}\nmat-icon {\n font-family: "Material Icons" !important;\n font-size: 20px;\n height: 20px;\n width: 20px;\n line-height: 20px;\n}\nh1 {\n font-size: 24px;\n line-height: 28px;\n font-weight: 700;\n font-family: "Open Sans";\n margin: 0;\n}\nh2 {\n font-size: 22px;\n line-height: 26px;\n font-weight: 600;\n font-family: "Open Sans";\n margin: 0;\n}\nh3 {\n font-size: 18px;\n font-weight: 600;\n font-family: "Open Sans";\n margin-top: 0;\n margin-bottom: 0;\n}\nh4 {\n font-size: 16px;\n line-height: 22px;\n font-weight: 600;\n font-family: "Open Sans";\n margin: 0;\n}\nh4 {\n font-size: 16px;\n line-height: 20px;\n font-weight: 600;\n font-family: "Open Sans";\n margin: 0;\n}\n.body-1-regular {\n line-height: 20px;\n font-size: 14px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-1-bold {\n line-height: 20px;\n font-size: 14px !important;\n font-weight: 700;\n font-family: "Open Sans";\n}\n.body-1-semibold {\n line-height: 20px;\n font-size: 14px !important;\n font-weight: 600;\n font-family: "Open Sans";\n}\n.body-2-regular {\n line-height: 20px;\n font-size: 12px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-2-bold {\n line-height: 20px;\n font-size: 12px !important;\n font-weight: 700;\n font-family: "Open Sans";\n}\n.body-3-regular {\n line-height: 20px;\n font-size: 16px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-4-regular {\n line-height: 18px;\n font-size: 18px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-4-bold {\n line-height: 20px;\n font-size: 20px !important;\n font-weight: 700;\n font-family: "Open Sans";\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n margin: 0;\n}\n.black {\n color: var(--filing-modal-color-black);\n}\n.grey {\n color: var(--filing-modal-color-grey);\n}\n.dark-blue {\n color: var(--filing-modal-color-dark-blue);\n}\n.grey-mid {\n color: var(--filing-modal-color-grey-mid);\n}\n.light-blue {\n color: var(--filing-modal-color-light-blue);\n}\n.filling {\n height: 100%;\n overflow: hidden;\n}\n* {\n box-sizing: border-box;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n}\n.filling {\n margin: 0;\n font-family: "Helvetica Neue", sans-serif;\n}\n.filing {\n --app-font-family:\n -apple-system,\n BlinkMacSystemFont,\n "Helvetica Neue",\n Helvetica,\n Arial,\n sans-serif;\n --mat-sys-background: #faf9fd;\n --mat-sys-error: #ba1a1a;\n --mat-sys-error-container: #ffdad6;\n --mat-sys-inverse-on-surface: #f2f0f4;\n --mat-sys-inverse-primary: #abc7ff;\n --mat-sys-inverse-surface: #2f3033;\n --mat-sys-on-background: #1a1b1f;\n --mat-sys-on-error: #ffffff;\n --mat-sys-on-error-container: #93000a;\n --mat-sys-on-primary: #ffffff;\n --mat-sys-on-primary-container: #00458f;\n --mat-sys-on-primary-fixed: #001b3f;\n --mat-sys-on-primary-fixed-variant: #00458f;\n --mat-sys-on-secondary: #ffffff;\n --mat-sys-on-secondary-container: #3e4759;\n --mat-sys-on-secondary-fixed: #131c2b;\n --mat-sys-on-secondary-fixed-variant: #3e4759;\n --mat-sys-on-surface: #1a1b1f;\n --mat-sys-on-surface-variant: var(--filing-modal-color-grey);\n --mat-sys-on-tertiary: #ffffff;\n --mat-sys-on-tertiary-container: #0000ef;\n --mat-sys-on-tertiary-fixed: #00006e;\n --mat-sys-on-tertiary-fixed-variant: #0000ef;\n --mat-sys-outline: #74777f;\n --mat-sys-outline-variant: #c4c6d0;\n --mat-sys-primary: #3778e4;\n --mat-sys-primary-container: #d7e3ff;\n --mat-sys-primary-fixed: #d7e3ff;\n --mat-sys-primary-fixed-dim: #abc7ff;\n --mat-sys-scrim: #000000;\n --mat-sys-secondary: #565e71;\n --mat-sys-secondary-container: #dae2f9;\n --mat-sys-secondary-fixed: #dae2f9;\n --mat-sys-secondary-fixed-dim: #bec6dc;\n --mat-sys-shadow: #000000;\n --mat-sys-surface: #faf9fd;\n --mat-sys-surface-bright: #faf9fd;\n --mat-sys-surface-container: #efedf0;\n --mat-sys-surface-container-high: #e9e7eb;\n --mat-sys-surface-container-highest: #e3e2e6;\n --mat-sys-surface-container-low: #f4f3f6;\n --mat-sys-surface-container-lowest: #ffffff;\n --mat-sys-surface-dim: #dbd9dd;\n --mat-sys-surface-tint: #005cbb;\n --mat-sys-surface-variant: #e0e2ec;\n --mat-sys-tertiary: #343dff;\n --mat-sys-tertiary-container: #e0e0ff;\n --mat-sys-tertiary-fixed: #e0e0ff;\n --mat-sys-tertiary-fixed-dim: #bec2ff;\n --mat-sys-neutral-variant20: #2d3038;\n --mat-sys-neutral10: #1a1b1f;\n --mdc-filled-button-container-height: 35px;\n --mdc-outlined-button-container-height: 35px;\n --mdc-text-button-label-text-color: #808090;\n --mdc-filled-button-label-text-weight: 600;\n --mdc-text-button-label-text-weight: 600;\n --mdc-filled-button-container-shape: 4px;\n --mdc-outlined-button-outline-color: none;\n --mdc-outlined-button-container-shape: 6px;\n --mat-sys-level0:\n 0px 0px 0px 0px rgba(0, 0, 0, 0.2),\n 0px 0px 0px 0px rgba(0, 0, 0, 0.14),\n 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level1:\n 0px 2px 1px -1px rgba(0, 0, 0, 0.2),\n 0px 1px 1px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level2:\n 0px 3px 3px -2px rgba(0, 0, 0, 0.2),\n 0px 3px 4px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 8px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level3:\n 0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level4:\n 0px 5px 5px -3px rgba(0, 0, 0, 0.2),\n 0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n --mat-sys-level5:\n 0px 7px 8px -4px rgba(0, 0, 0, 0.2),\n 0px 12px 17px 2px rgba(0, 0, 0, 0.14),\n 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n --mdc-outlined-button-label-text-size: 14px;\n --mdc-filled-button-label-text-size: 14px;\n --mdc-filled-text-field-label-text-size: 16px;\n --mat-sys-body-large: 400 1rem / 1.5rem var(--app-font-family);\n --mat-sys-body-large-font: var(--app-font-family);\n --mat-sys-body-large-line-height: 1.5rem;\n --mat-sys-body-large-size: 14px;\n --mat-sys-body-large-tracking: 0.031rem;\n --mat-sys-body-large-weight: 400;\n --mat-sys-body-medium: 400 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-body-medium-font: var(--app-font-family);\n --mat-sys-body-medium-line-height: 1.25rem;\n --mat-sys-body-medium-size: 0.875rem;\n --mat-sys-body-medium-tracking: 0.016rem;\n --mat-sys-body-medium-weight: 400;\n --mat-sys-body-small: 400 0.75rem / 1rem var(--app-font-family);\n --mat-sys-body-small-font: var(--app-font-family);\n --mat-sys-body-small-line-height: 1rem;\n --mat-sys-body-small-size: 0.75rem;\n --mat-sys-body-small-tracking: 0.025rem;\n --mat-sys-body-small-weight: 400;\n --mat-sys-display-large: 400 3.562rem / 4rem var(--app-font-family);\n --mat-sys-display-large-font: var(--app-font-family);\n --mat-sys-display-large-line-height: 4rem;\n --mat-sys-display-large-size: 3.562rem;\n --mat-sys-display-large-tracking: -0.016rem;\n --mat-sys-display-large-weight: 400;\n --mat-sys-display-medium: 400 2.812rem / 3.25rem var(--app-font-family);\n --mat-sys-display-medium-font: var(--app-font-family);\n --mat-sys-display-medium-line-height: 3.25rem;\n --mat-sys-display-medium-size: 2.812rem;\n --mat-sys-display-medium-tracking: 0;\n --mat-sys-display-medium-weight: 400;\n --mat-sys-display-small: 400 2.25rem / 2.75rem var(--app-font-family);\n --mat-sys-display-small-font: var(--app-font-family);\n --mat-sys-display-small-line-height: 2.75rem;\n --mat-sys-display-small-size: 2.25rem;\n --mat-sys-display-small-tracking: 0;\n --mat-sys-display-small-weight: 400;\n --mat-sys-headline-large: 400 2rem / 2.5rem var(--app-font-family);\n --mat-sys-headline-large-font: var(--app-font-family);\n --mat-sys-headline-large-line-height: 2.5rem;\n --mat-sys-headline-large-size: 2rem;\n --mat-sys-headline-large-tracking: 0;\n --mat-sys-headline-large-weight: 400;\n --mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--app-font-family);\n --mat-sys-headline-medium-font: var(--app-font-family);\n --mat-sys-headline-medium-line-height: 2.25rem;\n --mat-sys-headline-medium-size: 1.75rem;\n --mat-sys-headline-medium-tracking: 0;\n --mat-sys-headline-medium-weight: 400;\n --mat-sys-headline-small: 400 1.5rem / 2rem var(--app-font-family);\n --mat-sys-headline-small-font: var(--app-font-family);\n --mat-sys-headline-small-line-height: 2rem;\n --mat-sys-headline-small-size: 1.5rem;\n --mat-sys-headline-small-tracking: 0;\n --mat-sys-headline-small-weight: 400;\n --mat-sys-label-large: 500 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-label-large-font: var(--app-font-family);\n --mat-sys-label-large-line-height: 1.25rem;\n --mat-sys-label-large-size: 0.875rem;\n --mat-sys-label-large-tracking: 0.006rem;\n --mat-sys-label-large-weight: 500;\n --mat-sys-label-large-weight-prominent: 700;\n --mat-sys-label-medium: 500 0.75rem / 1rem var(--app-font-family);\n --mat-sys-label-medium-font: var(--app-font-family);\n --mat-sys-label-medium-line-height: 1rem;\n --mat-sys-label-medium-size: 0.75rem;\n --mat-sys-label-medium-tracking: 0.031rem;\n --mat-sys-label-medium-weight: 500;\n --mat-sys-label-medium-weight-prominent: 700;\n --mat-sys-label-small: 500 0.688rem / 1rem var(--app-font-family);\n --mat-sys-label-small-font: var(--app-font-family);\n --mat-sys-label-small-line-height: 1rem;\n --mat-sys-label-small-size: 0.688rem;\n --mat-sys-label-small-tracking: 0.031rem;\n --mat-sys-label-small-weight: 500;\n --mat-sys-title-large: 400 1.375rem / 1.75rem var(--app-font-family);\n --mat-sys-title-large-font: var(--app-font-family);\n --mat-sys-title-large-line-height: 1.75rem;\n --mat-sys-title-large-size: 1.375rem;\n --mat-sys-title-large-tracking: 0;\n --mat-sys-title-large-weight: 400;\n --mat-sys-title-medium: 500 1rem / 1.5rem var(--app-font-family);\n --mat-sys-title-medium-font: var(--app-font-family);\n --mat-sys-title-medium-line-height: 1.5rem;\n --mat-sys-title-medium-size: 1rem;\n --mat-sys-title-medium-tracking: 0.009rem;\n --mat-sys-title-medium-weight: 500;\n --mat-sys-title-small: 500 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-title-small-font: var(--app-font-family);\n --mat-sys-title-small-line-height: 1.25rem;\n --mat-sys-title-small-size: 0.875rem;\n --mat-sys-title-small-tracking: 0.006rem;\n --mat-sys-title-small-weight: 500;\n --mat-sys-corner-extra-large: 28px;\n --mat-sys-corner-extra-large-top: 28px 28px 0 0;\n --mat-sys-corner-extra-small: 4px;\n --mat-sys-corner-extra-small-top: 4px 4px 0 0;\n --mat-sys-corner-full: 9999px;\n --mat-sys-corner-large: 16px;\n --mat-sys-corner-large-end: 0 16px 16px 0;\n --mat-sys-corner-large-start: 16px 0 0 16px;\n --mat-sys-corner-large-top: 16px 16px 0 0;\n --mat-sys-corner-medium: 12px;\n --mat-sys-corner-none: 0;\n --mat-sys-corner-small: 8px;\n --mat-sys-dragged-state-layer-opacity: 0.16;\n --mat-sys-focus-state-layer-opacity: 0.12;\n --mat-sys-hover-state-layer-opacity: 0.08;\n --mat-sys-pressed-state-layer-opacity: 0.12;\n}\n.filing .mat-primary .mat-pseudo-checkbox-checked,\n.filing .mat-primary .mat-pseudo-checkbox-indeterminate {\n background: transparent !important;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox {\n width: 24px;\n height: 24px;\n flex-basis: 24px;\n padding: 0;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n width: 24px;\n height: 24px;\n border-radius: 6px;\n top: 0;\n left: 0;\n border: 3px solid var(--filing-modal-color-grey);\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__checkmark {\n height: 20px;\n width: 20px;\n font-size: 20px;\n top: 1px;\n left: 1px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n.filing .mat-mdc-checkbox[cardView] .mat-ripple {\n display: none;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-label {\n padding-left: 8px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-button__label {\n line-height: 10px;\n}\n:host {\n display: flex;\n flex-direction: column;\n gap: 12px;\n height: 100%;\n padding: 12px;\n}\n:host .confirm-modal {\n display: flex;\n flex-direction: column;\n flex: 1;\n gap: 16px;\n}\n:host .confirm-modal-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n:host .confirm-modal-header-title {\n font-size: 20px;\n color: var(--neutral-20);\n}\n:host .confirm-modal-header-icon {\n font-size: 14px;\n height: 20px;\n}\n:host .confirm-modal-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n}\n:host .confirm-modal-actions button {\n margin: 0;\n}\n:host .confirm-modal-actions-submit {\n padding-left: 30px;\n padding-right: 30px;\n background-color: #3778e4;\n color: white;\n border-radius: 4px !important;\n}\n/*# sourceMappingURL=confirm-modal.component.css.map */\n'] }]
60720
+ args: [{ selector: "confirm-modal", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, TranslatePipe], template: '@let config = modalConfig();\n<div class="confirm-modal">\n <div class="confirm-modal-header">\n <h1 class="confirm-modal-header-title d-flex align-items-center">\n @if (config.icon) {\n <span class="material-icons-outlined icon mr-s">delete</span>\n }\n\n {{ config.title | translate }}\n </h1>\n </div>\n\n <div class="confirm-modal-text">{{ config.text | translate }}</div>\n\n <div class="confirm-modal-actions">\n <button mat-stroked-button (click)="closeModal()">\n <span class="body-1-semibold">{{ config.cancelButton | translate }}</span>\n </button>\n <button\n class="confirm-modal-actions-submit"\n mat-flat-button\n color="primary"\n (click)="closeModal(true)"\n >\n <span class="body-1-semibold">{{ config.confirmButton | translate}}</span>\n </button>\n </div>\n</div>\n', styles: ['/* src/app/components/confirm-modal/confirm-modal.component.scss */\n:host {\n --filing-modal-color-grey: #444444;\n --filing-modal-color-dark-blue: #485673;\n --filing-modal-color-grey-mid: #A0A0A0;\n --filing-modal-color-light-blue: #3778E4;\n --filing-modal-color-black: #444444;\n}\nmat-icon {\n font-family: "Material Icons" !important;\n font-size: 20px;\n height: 20px;\n width: 20px;\n line-height: 20px;\n}\nh1 {\n font-size: 24px;\n line-height: 28px;\n font-weight: 700;\n font-family: "Open Sans";\n margin: 0;\n}\nh2 {\n font-size: 22px;\n line-height: 26px;\n font-weight: 600;\n font-family: "Open Sans";\n margin: 0;\n}\nh3 {\n font-size: 18px;\n font-weight: 600;\n font-family: "Open Sans";\n margin-top: 0;\n margin-bottom: 0;\n}\nh4 {\n font-size: 16px;\n line-height: 22px;\n font-weight: 600;\n font-family: "Open Sans";\n margin: 0;\n}\nh4 {\n font-size: 16px;\n line-height: 20px;\n font-weight: 600;\n font-family: "Open Sans";\n margin: 0;\n}\n.body-1-regular {\n line-height: 20px;\n font-size: 14px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-1-bold {\n line-height: 20px;\n font-size: 14px !important;\n font-weight: 700;\n font-family: "Open Sans";\n}\n.body-1-semibold {\n line-height: 20px;\n font-size: 14px !important;\n font-weight: 600;\n font-family: "Open Sans";\n}\n.body-2-regular {\n line-height: 20px;\n font-size: 12px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-2-bold {\n line-height: 20px;\n font-size: 12px !important;\n font-weight: 700;\n font-family: "Open Sans";\n}\n.body-3-regular {\n line-height: 20px;\n font-size: 16px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-4-regular {\n line-height: 18px;\n font-size: 18px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-4-bold {\n line-height: 20px;\n font-size: 20px !important;\n font-weight: 700;\n font-family: "Open Sans";\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n margin: 0;\n}\n.black {\n color: var(--filing-modal-color-black);\n}\n.grey {\n color: var(--filing-modal-color-grey);\n}\n.dark-blue {\n color: var(--filing-modal-color-dark-blue);\n}\n.grey-mid {\n color: var(--filing-modal-color-grey-mid);\n}\n.light-blue {\n color: var(--filing-modal-color-light-blue);\n}\n.filling {\n height: 100%;\n overflow: hidden;\n}\n* {\n box-sizing: border-box;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n}\n.filling {\n margin: 0;\n font-family: "Helvetica Neue", sans-serif;\n}\n.filing {\n --app-font-family:\n -apple-system,\n BlinkMacSystemFont,\n "Helvetica Neue",\n Helvetica,\n Arial,\n sans-serif;\n --mat-sys-background: #faf9fd;\n --mat-sys-error: #ba1a1a;\n --mat-sys-error-container: #ffdad6;\n --mat-sys-inverse-on-surface: #f2f0f4;\n --mat-sys-inverse-primary: #abc7ff;\n --mat-sys-inverse-surface: #2f3033;\n --mat-sys-on-background: #1a1b1f;\n --mat-sys-on-error: #ffffff;\n --mat-sys-on-error-container: #93000a;\n --mat-sys-on-primary: #ffffff;\n --mat-sys-on-primary-container: #00458f;\n --mat-sys-on-primary-fixed: #001b3f;\n --mat-sys-on-primary-fixed-variant: #00458f;\n --mat-sys-on-secondary: #ffffff;\n --mat-sys-on-secondary-container: #3e4759;\n --mat-sys-on-secondary-fixed: #131c2b;\n --mat-sys-on-secondary-fixed-variant: #3e4759;\n --mat-sys-on-surface: #1a1b1f;\n --mat-sys-on-surface-variant: var(--filing-modal-color-grey);\n --mat-sys-on-tertiary: #ffffff;\n --mat-sys-on-tertiary-container: #0000ef;\n --mat-sys-on-tertiary-fixed: #00006e;\n --mat-sys-on-tertiary-fixed-variant: #0000ef;\n --mat-sys-outline: #74777f;\n --mat-sys-outline-variant: #c4c6d0;\n --mat-sys-primary: #3778e4;\n --mat-sys-primary-container: #d7e3ff;\n --mat-sys-primary-fixed: #d7e3ff;\n --mat-sys-primary-fixed-dim: #abc7ff;\n --mat-sys-scrim: #000000;\n --mat-sys-secondary: #565e71;\n --mat-sys-secondary-container: #dae2f9;\n --mat-sys-secondary-fixed: #dae2f9;\n --mat-sys-secondary-fixed-dim: #bec6dc;\n --mat-sys-shadow: #000000;\n --mat-sys-surface: #faf9fd;\n --mat-sys-surface-bright: #faf9fd;\n --mat-sys-surface-container: #efedf0;\n --mat-sys-surface-container-high: #e9e7eb;\n --mat-sys-surface-container-highest: #e3e2e6;\n --mat-sys-surface-container-low: #f4f3f6;\n --mat-sys-surface-container-lowest: #ffffff;\n --mat-sys-surface-dim: #dbd9dd;\n --mat-sys-surface-tint: #005cbb;\n --mat-sys-surface-variant: #e0e2ec;\n --mat-sys-tertiary: #343dff;\n --mat-sys-tertiary-container: #e0e0ff;\n --mat-sys-tertiary-fixed: #e0e0ff;\n --mat-sys-tertiary-fixed-dim: #bec2ff;\n --mat-sys-neutral-variant20: #2d3038;\n --mat-sys-neutral10: #1a1b1f;\n --mdc-filled-button-container-height: 35px;\n --mdc-outlined-button-container-height: 35px;\n --mdc-text-button-label-text-color: #808090;\n --mdc-filled-button-label-text-weight: 600;\n --mdc-text-button-label-text-weight: 600;\n --mdc-filled-button-container-shape: 4px;\n --mdc-outlined-button-outline-color: none;\n --mdc-outlined-button-container-shape: 6px;\n --mat-sys-level0:\n 0px 0px 0px 0px rgba(0, 0, 0, 0.2),\n 0px 0px 0px 0px rgba(0, 0, 0, 0.14),\n 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level1:\n 0px 2px 1px -1px rgba(0, 0, 0, 0.2),\n 0px 1px 1px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level2:\n 0px 3px 3px -2px rgba(0, 0, 0, 0.2),\n 0px 3px 4px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 8px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level3:\n 0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level4:\n 0px 5px 5px -3px rgba(0, 0, 0, 0.2),\n 0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n --mat-sys-level5:\n 0px 7px 8px -4px rgba(0, 0, 0, 0.2),\n 0px 12px 17px 2px rgba(0, 0, 0, 0.14),\n 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n --mdc-outlined-button-label-text-size: 14px;\n --mdc-filled-button-label-text-size: 14px;\n --mdc-filled-text-field-label-text-size: 16px;\n --mat-sys-body-large: 400 1rem / 1.5rem var(--app-font-family);\n --mat-sys-body-large-font: var(--app-font-family);\n --mat-sys-body-large-line-height: 1.5rem;\n --mat-sys-body-large-size: 14px;\n --mat-sys-body-large-tracking: 0.031rem;\n --mat-sys-body-large-weight: 400;\n --mat-sys-body-medium: 400 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-body-medium-font: var(--app-font-family);\n --mat-sys-body-medium-line-height: 1.25rem;\n --mat-sys-body-medium-size: 0.875rem;\n --mat-sys-body-medium-tracking: 0.016rem;\n --mat-sys-body-medium-weight: 400;\n --mat-sys-body-small: 400 0.75rem / 1rem var(--app-font-family);\n --mat-sys-body-small-font: var(--app-font-family);\n --mat-sys-body-small-line-height: 1rem;\n --mat-sys-body-small-size: 0.75rem;\n --mat-sys-body-small-tracking: 0.025rem;\n --mat-sys-body-small-weight: 400;\n --mat-sys-display-large: 400 3.562rem / 4rem var(--app-font-family);\n --mat-sys-display-large-font: var(--app-font-family);\n --mat-sys-display-large-line-height: 4rem;\n --mat-sys-display-large-size: 3.562rem;\n --mat-sys-display-large-tracking: -0.016rem;\n --mat-sys-display-large-weight: 400;\n --mat-sys-display-medium: 400 2.812rem / 3.25rem var(--app-font-family);\n --mat-sys-display-medium-font: var(--app-font-family);\n --mat-sys-display-medium-line-height: 3.25rem;\n --mat-sys-display-medium-size: 2.812rem;\n --mat-sys-display-medium-tracking: 0;\n --mat-sys-display-medium-weight: 400;\n --mat-sys-display-small: 400 2.25rem / 2.75rem var(--app-font-family);\n --mat-sys-display-small-font: var(--app-font-family);\n --mat-sys-display-small-line-height: 2.75rem;\n --mat-sys-display-small-size: 2.25rem;\n --mat-sys-display-small-tracking: 0;\n --mat-sys-display-small-weight: 400;\n --mat-sys-headline-large: 400 2rem / 2.5rem var(--app-font-family);\n --mat-sys-headline-large-font: var(--app-font-family);\n --mat-sys-headline-large-line-height: 2.5rem;\n --mat-sys-headline-large-size: 2rem;\n --mat-sys-headline-large-tracking: 0;\n --mat-sys-headline-large-weight: 400;\n --mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--app-font-family);\n --mat-sys-headline-medium-font: var(--app-font-family);\n --mat-sys-headline-medium-line-height: 2.25rem;\n --mat-sys-headline-medium-size: 1.75rem;\n --mat-sys-headline-medium-tracking: 0;\n --mat-sys-headline-medium-weight: 400;\n --mat-sys-headline-small: 400 1.5rem / 2rem var(--app-font-family);\n --mat-sys-headline-small-font: var(--app-font-family);\n --mat-sys-headline-small-line-height: 2rem;\n --mat-sys-headline-small-size: 1.5rem;\n --mat-sys-headline-small-tracking: 0;\n --mat-sys-headline-small-weight: 400;\n --mat-sys-label-large: 500 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-label-large-font: var(--app-font-family);\n --mat-sys-label-large-line-height: 1.25rem;\n --mat-sys-label-large-size: 0.875rem;\n --mat-sys-label-large-tracking: 0.006rem;\n --mat-sys-label-large-weight: 500;\n --mat-sys-label-large-weight-prominent: 700;\n --mat-sys-label-medium: 500 0.75rem / 1rem var(--app-font-family);\n --mat-sys-label-medium-font: var(--app-font-family);\n --mat-sys-label-medium-line-height: 1rem;\n --mat-sys-label-medium-size: 0.75rem;\n --mat-sys-label-medium-tracking: 0.031rem;\n --mat-sys-label-medium-weight: 500;\n --mat-sys-label-medium-weight-prominent: 700;\n --mat-sys-label-small: 500 0.688rem / 1rem var(--app-font-family);\n --mat-sys-label-small-font: var(--app-font-family);\n --mat-sys-label-small-line-height: 1rem;\n --mat-sys-label-small-size: 0.688rem;\n --mat-sys-label-small-tracking: 0.031rem;\n --mat-sys-label-small-weight: 500;\n --mat-sys-title-large: 400 1.375rem / 1.75rem var(--app-font-family);\n --mat-sys-title-large-font: var(--app-font-family);\n --mat-sys-title-large-line-height: 1.75rem;\n --mat-sys-title-large-size: 1.375rem;\n --mat-sys-title-large-tracking: 0;\n --mat-sys-title-large-weight: 400;\n --mat-sys-title-medium: 500 1rem / 1.5rem var(--app-font-family);\n --mat-sys-title-medium-font: var(--app-font-family);\n --mat-sys-title-medium-line-height: 1.5rem;\n --mat-sys-title-medium-size: 1rem;\n --mat-sys-title-medium-tracking: 0.009rem;\n --mat-sys-title-medium-weight: 500;\n --mat-sys-title-small: 500 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-title-small-font: var(--app-font-family);\n --mat-sys-title-small-line-height: 1.25rem;\n --mat-sys-title-small-size: 0.875rem;\n --mat-sys-title-small-tracking: 0.006rem;\n --mat-sys-title-small-weight: 500;\n --mat-sys-corner-extra-large: 28px;\n --mat-sys-corner-extra-large-top: 28px 28px 0 0;\n --mat-sys-corner-extra-small: 4px;\n --mat-sys-corner-extra-small-top: 4px 4px 0 0;\n --mat-sys-corner-full: 9999px;\n --mat-sys-corner-large: 16px;\n --mat-sys-corner-large-end: 0 16px 16px 0;\n --mat-sys-corner-large-start: 16px 0 0 16px;\n --mat-sys-corner-large-top: 16px 16px 0 0;\n --mat-sys-corner-medium: 12px;\n --mat-sys-corner-none: 0;\n --mat-sys-corner-small: 8px;\n --mat-sys-dragged-state-layer-opacity: 0.16;\n --mat-sys-focus-state-layer-opacity: 0.12;\n --mat-sys-hover-state-layer-opacity: 0.08;\n --mat-sys-pressed-state-layer-opacity: 0.12;\n}\n.filing .mat-primary .mat-pseudo-checkbox-checked,\n.filing .mat-primary .mat-pseudo-checkbox-indeterminate {\n background: transparent !important;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox {\n width: 24px;\n height: 24px;\n flex-basis: 24px;\n padding: 0;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n width: 24px;\n height: 24px;\n border-radius: 6px;\n top: 0;\n left: 0;\n border: 3px solid var(--filing-modal-color-grey);\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__checkmark {\n height: 20px;\n width: 20px;\n font-size: 20px;\n top: 1px;\n left: 1px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n.filing .mat-mdc-checkbox[cardView] .mat-ripple {\n display: none;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-label {\n padding-left: 8px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-button__label {\n line-height: 10px;\n}\n:host {\n display: flex;\n flex-direction: column;\n gap: 12px;\n height: 100%;\n padding: 12px;\n}\n:host .confirm-modal {\n display: flex;\n flex-direction: column;\n flex: 1;\n gap: 16px;\n}\n:host .confirm-modal-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n:host .confirm-modal-header-title {\n font-size: 20px;\n color: var(--neutral-20);\n}\n:host .confirm-modal-header-icon {\n font-size: 14px;\n height: 20px;\n}\n:host .confirm-modal-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n}\n:host .confirm-modal-actions button {\n margin: 0;\n}\n:host .confirm-modal-actions-submit {\n padding-left: 30px;\n padding-right: 30px;\n background-color: #3778e4;\n color: white;\n border-radius: 4px !important;\n}\n/*# sourceMappingURL=confirm-modal.component.css.map */\n'] }]
60721
60721
  }], null, null);
60722
60722
  })();
60723
60723
  (() => {
@@ -62961,7 +62961,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
62961
62961
  (() => {
62962
62962
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(ChipComponent, [{
62963
62963
  type: Component,
62964
- args: [{ selector: "chip", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, TranslatePipe], template: '<div class="chip {{type()}}">\r\n <span class="body-1-semibold">{{title() | translate}}</span>\r\n</div>\r\n', styles: ["/* src/app/components/chip/chip.component.scss */\n:host .chip {\n padding: 0 15px;\n height: 20px;\n display: flex;\n align-items: center;\n border-radius: 4px;\n border: 1px solid #A1B5C7;\n}\n:host .chip.warning {\n color: #CFB95A;\n}\n:host .chip.danger {\n color: #C56868;\n}\n:host .chip.success {\n color: #4CAF51;\n}\n/*# sourceMappingURL=chip.component.css.map */\n"] }]
62964
+ args: [{ selector: "chip", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, TranslatePipe], template: '<div class="chip {{type()}}">\n <span class="body-1-semibold">{{title() | translate}}</span>\n</div>\n', styles: ["/* src/app/components/chip/chip.component.scss */\n:host .chip {\n padding: 0 15px;\n height: 20px;\n display: flex;\n align-items: center;\n border-radius: 4px;\n border: 1px solid #A1B5C7;\n}\n:host .chip.warning {\n color: #CFB95A;\n}\n:host .chip.danger {\n color: #C56868;\n}\n:host .chip.success {\n color: #4CAF51;\n}\n/*# sourceMappingURL=chip.component.css.map */\n"] }]
62965
62965
  }], null, null);
62966
62966
  })();
62967
62967
  (() => {
@@ -63181,45 +63181,45 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
63181
63181
  animate("100ms cubic-bezier(0.4, 0.0, 0.2, 1)")
63182
63182
  ])
63183
63183
  ])
63184
- ], template: `<div [class.padded]="padded()" [class.border]="border()" class="expandable-card">\r
63185
- <div (click)="toggle()" class="expandable-card-header">\r
63186
- <h2 [class.list-item]="isListItem()" class="expandable-card-header-title">{{title() | translate}}\r
63187
- @if (role()) {\r
63188
- <span>({{role()}})</span>\r
63189
- }\r
63190
- </h2>\r
63191
- <div [class.list-item]="isListItem()" class="expandable-card-header-container">\r
63192
- @if (isStatusIcon()) {\r
63193
- @if (!isValid()) {\r
63194
- <mat-icon class="expandable-card-header-status-icon"> error_outline </mat-icon>\r
63195
- }\r
63196
- }\r
63197
- \r
63198
- @if(chipType() && !isLoading()) {\r
63199
- <chip [type]="chipType()" [title]="chipText()"/>\r
63200
- }\r
63201
- \r
63202
- @if (isExpandable()) {\r
63203
- <mat-icon [class.rotated]="!isExpanded()">arrow_forward_ios</mat-icon>\r
63204
- }\r
63205
- </div>\r
63206
- </div>\r
63207
- \r
63208
- <div class="expandable-card-content"\r
63209
- [@expandCollapse]="isExpanded()">\r
63210
- <div class="expandable-card-content-item">\r
63211
- <ng-content></ng-content>\r
63212
- \r
63213
- @if (removable()) {\r
63214
- <div class="expandable-card-content-item-actions">\r
63215
- <span (click)="remove.emit()" class="body-1-regular light-blue pointer">{{'Remove' | translate}}</span>\r
63216
- </div>\r
63217
- }\r
63218
- \r
63219
- \r
63220
- </div>\r
63221
- </div>\r
63222
- </div>\r
63184
+ ], template: `<div [class.padded]="padded()" [class.border]="border()" class="expandable-card">
63185
+ <div (click)="toggle()" class="expandable-card-header">
63186
+ <h2 [class.list-item]="isListItem()" class="expandable-card-header-title">{{title() | translate}}
63187
+ @if (role()) {
63188
+ <span>({{role()}})</span>
63189
+ }
63190
+ </h2>
63191
+ <div [class.list-item]="isListItem()" class="expandable-card-header-container">
63192
+ @if (isStatusIcon()) {
63193
+ @if (!isValid()) {
63194
+ <mat-icon class="expandable-card-header-status-icon"> error_outline </mat-icon>
63195
+ }
63196
+ }
63197
+
63198
+ @if(chipType() && !isLoading()) {
63199
+ <chip [type]="chipType()" [title]="chipText()"/>
63200
+ }
63201
+
63202
+ @if (isExpandable()) {
63203
+ <mat-icon [class.rotated]="!isExpanded()">arrow_forward_ios</mat-icon>
63204
+ }
63205
+ </div>
63206
+ </div>
63207
+
63208
+ <div class="expandable-card-content"
63209
+ [@expandCollapse]="isExpanded()">
63210
+ <div class="expandable-card-content-item">
63211
+ <ng-content></ng-content>
63212
+
63213
+ @if (removable()) {
63214
+ <div class="expandable-card-content-item-actions">
63215
+ <span (click)="remove.emit()" class="body-1-regular light-blue pointer">{{'Remove' | translate}}</span>
63216
+ </div>
63217
+ }
63218
+
63219
+
63220
+ </div>
63221
+ </div>
63222
+ </div>
63223
63223
  `, styles: ["/* src/app/components/expandable-card/expandable-card.component.scss */\n:host .expandable-card {\n border-radius: 8px;\n height: 100%;\n}\n:host .expandable-card-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n:host .expandable-card-header-status-icon {\n font-weight: 400;\n color: #F1D01E;\n font-size: 22px;\n height: 22px;\n width: 22px;\n}\n:host .expandable-card-header-status-icon.added {\n color: #44aa00;\n}\n:host .expandable-card-header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n:host .expandable-card-header-title {\n color: #666666;\n font-weight: 700;\n font-size: 14px;\n}\n:host .expandable-card-header-title.list-item {\n color: var(--filing-modal-color-dark-blue);\n font-weight: 600;\n}\n:host .expandable-card-header-container {\n display: flex;\n align-items: center;\n gap: 16px;\n}\n:host .expandable-card-header-container.list-item mat-icon {\n font-size: 16px;\n}\n:host .expandable-card-header mat-icon:not(.expandable-card-header-status-icon) {\n display: flex;\n align-items: center;\n justify-content: center;\n transition: transform 100ms cubic-bezier(0.4, 0, 0.2, 1);\n transform: rotate(-90deg);\n}\n:host .expandable-card-header mat-icon:not(.expandable-card-header-status-icon).rotated {\n transform: rotate(90deg);\n}\n:host .expandable-card-content {\n height: 100%;\n}\n:host .expandable-card-content-item {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n:host .expandable-card-content-item-actions {\n display: flex;\n justify-content: flex-end;\n width: 100%;\n}\n:host .expandable-card.border {\n box-shadow:\n 0 1px 2px rgba(0, 0, 0, 0.08),\n 0 2px 4px rgba(0, 0, 0, 0.12),\n 0 0 0 1px rgba(0, 0, 0, 0.04);\n margin: 1px;\n}\n:host .expandable-card.padded {\n padding: 16px;\n}\n/*# sourceMappingURL=expandable-card.component.css.map */\n"] }]
63224
63224
  }], () => [], null);
63225
63225
  })();
@@ -74484,7 +74484,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
74484
74484
  MatFormFieldModule,
74485
74485
  MatInputModule,
74486
74486
  MatAutocompleteModule
74487
- ], template: '<mat-form-field appearance="outline">\r\n <input\r\n matInput\r\n [formControl]="control()"\r\n [placeholder]="placeholder()"\r\n [required]="required()"\r\n [matAutocomplete]="auto"\r\n />\r\n\r\n <mat-autocomplete #auto="matAutocomplete">\r\n @for (option of filteredOptions(); track option) {\r\n <mat-option [value]="option.value">\r\n {{ option.label }}\r\n </mat-option>\r\n }\r\n </mat-autocomplete>\r\n</mat-form-field>\r\n' }]
74487
+ ], template: '<mat-form-field appearance="outline">\n <input\n matInput\n [formControl]="control()"\n [placeholder]="placeholder()"\n [required]="required()"\n [matAutocomplete]="auto"\n />\n\n <mat-autocomplete #auto="matAutocomplete">\n @for (option of filteredOptions(); track option) {\n <mat-option [value]="option.value">\n {{ option.label }}\n </mat-option>\n }\n </mat-autocomplete>\n</mat-form-field>\n' }]
74488
74488
  }], null, null);
74489
74489
  })();
74490
74490
  (() => {
@@ -74495,10 +74495,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
74495
74495
 
74496
74496
  // node_modules/moment/moment.js
74497
74497
  var require_moment = __commonJS({
74498
- "node_modules/moment/moment.js"(exports$1, module) {
74498
+ "node_modules/moment/moment.js"(exports, module) {
74499
74499
  (function(global, factory) {
74500
- typeof exports$1 === "object" && typeof module !== "undefined" ? module.exports = factory() : typeof define === "function" && define.amd ? define(factory) : global.moment = factory();
74501
- })(exports$1, function() {
74500
+ typeof exports === "object" && typeof module !== "undefined" ? module.exports = factory() : typeof define === "function" && define.amd ? define(factory) : global.moment = factory();
74501
+ })(exports, function() {
74502
74502
  var hookCallback;
74503
74503
  function hooks() {
74504
74504
  return hookCallback.apply(null, arguments);
@@ -78627,7 +78627,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
78627
78627
  }
78628
78628
  ], imports: [
78629
78629
  MatCheckbox
78630
- ], template: '<div class="checkbox-list">\r\n <div class="body-1-regular grey">{{ title() }}</div>\r\n\r\n @for (item of items(); track item.value) {\r\n <label class="checkbox-list-item">\r\n <mat-checkbox\r\n [checked]="isChecked(item.value)"\r\n [disabled]="disabled"\r\n (change)="toggle(item.value)"\r\n >\r\n <span class="body-1-regular grey">{{ item.label }}</span>\r\n </mat-checkbox>\r\n </label>\r\n }\r\n</div>\r\n', styles: ["/* src/app/components/checkbox-list/checkbox-list.component.scss */\n:host .checkbox-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding-bottom: 16px;\n}\n:host .checkbox-list-item {\n padding-left: 16px;\n}\n/*# sourceMappingURL=checkbox-list.component.css.map */\n"] }]
78630
+ ], template: '<div class="checkbox-list">\n <div class="body-1-regular grey">{{ title() }}</div>\n\n @for (item of items(); track item.value) {\n <label class="checkbox-list-item">\n <mat-checkbox\n [checked]="isChecked(item.value)"\n [disabled]="disabled"\n (change)="toggle(item.value)"\n >\n <span class="body-1-regular grey">{{ item.label }}</span>\n </mat-checkbox>\n </label>\n }\n</div>\n', styles: ["/* src/app/components/checkbox-list/checkbox-list.component.scss */\n:host .checkbox-list {\n display: flex;\n flex-direction: column;\n gap: 12px;\n padding-bottom: 16px;\n}\n:host .checkbox-list-item {\n padding-left: 16px;\n}\n/*# sourceMappingURL=checkbox-list.component.css.map */\n"] }]
78631
78631
  }], null, null);
78632
78632
  })();
78633
78633
  (() => {
@@ -79341,234 +79341,234 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
79341
79341
  { provide: DateAdapter, useClass: MomentDateAdapter },
79342
79342
  { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },
79343
79343
  { provide: MAT_DATE_LOCALE, useValue: "en-GB" }
79344
- ], template: `@let fields = this.config();\r
79345
- @let form = this.form();\r
79346
- \r
79347
- <section>\r
79348
- <div [class.submitted]="isSubmitted()" class="filling-form-fields" [formGroup]="form">\r
79349
- @for (field of fields; track field.formControlName + $index; let last = $last) {\r
79350
- @if (!field.isVisible || field.isVisible(form)) {\r
79351
- @let previousValue = validationConfig()?.[field.formControlName];\r
79352
- \r
79353
- @switch (field.type) {\r
79354
- @case (types.Select) {\r
79355
- <div class="filling-form-fields-item {{field.class ?? 'span-6'}}">\r
79356
- @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn) : field.label;\r
79357
- @if (label) {\r
79358
- <span class="filling-form-fields-item-label body-1-regular">\r
79359
- {{ (label | translate) + (field.required ? " *" : "") }}\r
79360
- </span>\r
79361
- }\r
79362
- <mat-form-field appearance="outline">\r
79363
- @let control = form.get(field.formControlName);\r
79364
- \r
79365
- <input\r
79366
- matInput\r
79367
- [formControlName]="field.formControlName"\r
79368
- [matAutocomplete]="autocompleteRef"\r
79369
- (change)="field.onChange && field.onChange(form)"\r
79370
- />\r
79371
- \r
79372
- <mat-autocomplete\r
79373
- #autocompleteRef="matAutocomplete"\r
79374
- [displayWith]="getDisplayFn(field)"\r
79375
- (optionSelected)="field.onChange && field.onChange(form)"\r
79376
- >\r
79377
- @for (option of getFilteredOptions(field); track option.value) {\r
79378
- <mat-option\r
79379
- class="filing-form-group-select-option"\r
79380
- [value]="option.value"\r
79381
- >\r
79382
- {{ field.needTranslate ? (option.label | translate) : option.label }}\r
79383
- </mat-option>\r
79384
- }\r
79385
- @if (getFilteredOptions(field).length === 0) {\r
79386
- <mat-option disabled>{{ 'No options found' | translate }}</mat-option>\r
79387
- }\r
79388
- </mat-autocomplete>\r
79389
- \r
79390
- @if (control?.value && !control?.disabled) {\r
79391
- <div matSuffix class="suffix-container">\r
79392
- <button mat-icon-button (click)="control?.reset(); field.onChange && field.onChange(form)">\r
79393
- <mat-icon>close</mat-icon>\r
79394
- </button>\r
79395
- \r
79396
- <mat-icon class="arrow-icon">arrow_drop_down</mat-icon>\r
79397
- </div>\r
79398
- } @else {\r
79399
- <mat-icon matSuffix>arrow_drop_down</mat-icon>\r
79400
- }\r
79401
- \r
79402
- <mat-error>{{ (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>\r
79403
- </mat-form-field>\r
79404
- </div>\r
79405
- }\r
79406
- \r
79407
- @case (types.Checkbox) {\r
79408
- <div [class.last]="last" class="filling-form-fields-checkbox {{field.class ?? 'span-6'}}">\r
79409
- <mat-checkbox\r
79410
- (change)="field.onChange && field.onChange(form)"\r
79411
- [formControlName]="field.formControlName"\r
79412
- >\r
79413
- @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn) : field.label;\r
79414
- <div>\r
79415
- <span class="body-1-regular black" [class.warning]="!!previousValue">{{\r
79416
- label | translate\r
79417
- }}</span>\r
79418
- @if (previousValue != null) {\r
79419
- <mat-icon\r
79420
- [class.warning]="true"\r
79421
- class="filling-form-fields-item-icon"\r
79422
- matSuffix\r
79423
- >warning_amber</mat-icon\r
79424
- >\r
79425
- }\r
79426
- </div>\r
79427
- </mat-checkbox>\r
79428
- \r
79429
- @if (previousValue != null) {\r
79430
- <mat-hint\r
79431
- [class.warning]="true"\r
79432
- class="filling-form-fields-item-hint"\r
79433
- >{{ 'Previously saved value' | translate }}: {{ previousValue ? ('checked' | translate) : ('unchecked' | translate) }}</mat-hint\r
79434
- >\r
79435
- }\r
79436
- </div>\r
79437
- }\r
79438
- \r
79439
- @case (types.Empty) {\r
79440
- <div class="filling-form-fields-empty {{field.class ?? 'span-6'}}"></div>\r
79441
- }\r
79442
- @case (types.Autocomplete) {\r
79443
- <div class="filling-form-fields-item {{field.class ?? 'span-6'}}">\r
79444
- @if (field.label) {\r
79445
- <span class="filling-form-fields-item-label body-1-regular">\r
79446
- {{ (field.label | translate) + (field.required ? " *" : "") }}\r
79447
- </span>\r
79448
- }\r
79449
- <autocomplete-field\r
79450
- [options]="field.options ?? []"\r
79451
- [control]="getFormControl(field.formControlName)"\r
79452
- [required]="field.required ?? false"\r
79453
- />\r
79454
- </div>\r
79455
- }\r
79456
- \r
79457
- @case (types.Date) {\r
79458
- <div\r
79459
- class="filling-form-fields-item {{field.class ?? 'span-6'}}"\r
79460
- [class.warning]="!!previousValue"\r
79461
- >\r
79462
- @if (field.label) {\r
79463
- <span\r
79464
- class="filling-form-fields-item-label body-1-regular"\r
79465
- [class.warning]="!!previousValue"\r
79466
- >\r
79467
- {{ (field.label | translate) + (field.required ? " *" : "") }}\r
79468
- </span>\r
79469
- }\r
79470
- \r
79471
- <mat-form-field appearance="outline">\r
79472
- <input\r
79473
- matInput\r
79474
- [matDatepicker]="picker"\r
79475
- [formControlName]="field.formControlName"\r
79476
- (dateChange)="field.onChange && field.onChange(form)"\r
79477
- />\r
79478
- <mat-datepicker-toggle matSuffix [for]="picker">\r
79479
- <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>\r
79480
- </mat-datepicker-toggle>\r
79481
- <mat-datepicker #picker></mat-datepicker>\r
79482
- \r
79483
- @if (previousValue != null) {\r
79484
- <mat-hint\r
79485
- [class.warning]="true"\r
79486
- class="filling-form-fields-item-hint"\r
79487
- >\r
79488
- {{ 'Previously saved value' | translate }}: {{ previousValue }}\r
79489
- </mat-hint>\r
79490
- }\r
79491
- \r
79492
- <mat-error>{{ (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>\r
79493
- </mat-form-field>\r
79494
- </div>\r
79495
- }\r
79496
- \r
79497
- @case (types.Input) {\r
79498
- <div\r
79499
- [class.warning]="!!previousValue"\r
79500
- class="filling-form-fields-item {{field.class ?? 'span-6'}}"\r
79501
- >\r
79502
- @if (field.label) {\r
79503
- <span\r
79504
- [class.warning]="!!previousValue"\r
79505
- class="filling-form-fields-item-label body-1-regular"\r
79506
- >\r
79507
- {{ (field.label | translate) + (field.required ? " *" : "") }}\r
79508
- </span>\r
79509
- \r
79510
- <mat-form-field appearance="outline">\r
79511
- <input\r
79512
- matInput\r
79513
- [readonly]="field.readonly"\r
79514
- [formControlName]="field.formControlName"\r
79515
- (input)="field.onChange && field.onChange(form)"\r
79516
- />\r
79517
- \r
79518
- @if (previousValue != null) {\r
79519
- <mat-hint\r
79520
- [class.warning]="true"\r
79521
- class="filling-form-fields-item-hint"\r
79522
- >{{ 'Previously saved value' | translate }}: {{ previousValue }}</mat-hint\r
79523
- >\r
79524
- }\r
79525
- \r
79526
- @if (previousValue != null) {\r
79527
- <mat-icon\r
79528
- [class.warning]="true"\r
79529
- class="filling-form-fields-item-icon"\r
79530
- matSuffix\r
79531
- >warning_amber</mat-icon\r
79532
- >\r
79533
- }\r
79534
- \r
79535
- <mat-error>{{ (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>\r
79536
- </mat-form-field>\r
79537
- }\r
79538
- </div>\r
79539
- }\r
79540
- @case (types.TextArea) {\r
79541
- <div class="filling-form-fields-item text-area {{field.class ?? 'span-6'}}">\r
79542
- @if (field.label) {\r
79543
- <span class="filling-form-fields-item-label body-1-regular">\r
79544
- {{ (field.label | translate) + (field.required ? " *" : "") }}\r
79545
- </span>\r
79546
- \r
79547
- <mat-form-field appearance="outline">\r
79548
- <textarea\r
79549
- matInput\r
79550
- [readonly]="field.readonly"\r
79551
- [formControlName]="field.formControlName"\r
79552
- (change)="field.onChange && field.onChange(form)"\r
79553
- ></textarea>\r
79554
- </mat-form-field>\r
79555
- }\r
79556
- </div>\r
79557
- }\r
79558
- @case (types.CheckboxList) {\r
79559
- <checkbox-list class="{{field.class}}" [formControlName]="field.formControlName" [items]="field.options ?? []"/>\r
79560
- }\r
79561
- @case (types.Text) {\r
79562
- @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn, prevData()) : field.label;\r
79563
- @if (label) {\r
79564
- <p [class.last]="last" class="filling-form-fields-item-text body-1-regular grey" [class]="field.class" [innerHTML]="label" ></p>\r
79565
- }\r
79566
- }\r
79567
- }\r
79568
- }\r
79569
- }\r
79570
- </div>\r
79571
- </section>\r
79344
+ ], template: `@let fields = this.config();
79345
+ @let form = this.form();
79346
+
79347
+ <section>
79348
+ <div [class.submitted]="isSubmitted()" class="filling-form-fields" [formGroup]="form">
79349
+ @for (field of fields; track field.formControlName + $index; let last = $last) {
79350
+ @if (!field.isVisible || field.isVisible(form)) {
79351
+ @let previousValue = validationConfig()?.[field.formControlName];
79352
+
79353
+ @switch (field.type) {
79354
+ @case (types.Select) {
79355
+ <div class="filling-form-fields-item {{field.class ?? 'span-6'}}">
79356
+ @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn) : field.label;
79357
+ @if (label) {
79358
+ <span class="filling-form-fields-item-label body-1-regular">
79359
+ {{ (label | translate) + (field.required ? " *" : "") }}
79360
+ </span>
79361
+ }
79362
+ <mat-form-field appearance="outline">
79363
+ @let control = form.get(field.formControlName);
79364
+
79365
+ <input
79366
+ matInput
79367
+ [formControlName]="field.formControlName"
79368
+ [matAutocomplete]="autocompleteRef"
79369
+ (change)="field.onChange && field.onChange(form)"
79370
+ />
79371
+
79372
+ <mat-autocomplete
79373
+ #autocompleteRef="matAutocomplete"
79374
+ [displayWith]="getDisplayFn(field)"
79375
+ (optionSelected)="field.onChange && field.onChange(form)"
79376
+ >
79377
+ @for (option of getFilteredOptions(field); track option.value) {
79378
+ <mat-option
79379
+ class="filing-form-group-select-option"
79380
+ [value]="option.value"
79381
+ >
79382
+ {{ field.needTranslate ? (option.label | translate) : option.label }}
79383
+ </mat-option>
79384
+ }
79385
+ @if (getFilteredOptions(field).length === 0) {
79386
+ <mat-option disabled>{{ 'No options found' | translate }}</mat-option>
79387
+ }
79388
+ </mat-autocomplete>
79389
+
79390
+ @if (control?.value && !control?.disabled) {
79391
+ <div matSuffix class="suffix-container">
79392
+ <button mat-icon-button (click)="control?.reset(); field.onChange && field.onChange(form)">
79393
+ <mat-icon>close</mat-icon>
79394
+ </button>
79395
+
79396
+ <mat-icon class="arrow-icon">arrow_drop_down</mat-icon>
79397
+ </div>
79398
+ } @else {
79399
+ <mat-icon matSuffix>arrow_drop_down</mat-icon>
79400
+ }
79401
+
79402
+ <mat-error>{{ (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>
79403
+ </mat-form-field>
79404
+ </div>
79405
+ }
79406
+
79407
+ @case (types.Checkbox) {
79408
+ <div [class.last]="last" class="filling-form-fields-checkbox {{field.class ?? 'span-6'}}">
79409
+ <mat-checkbox
79410
+ (change)="field.onChange && field.onChange(form)"
79411
+ [formControlName]="field.formControlName"
79412
+ >
79413
+ @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn) : field.label;
79414
+ <div>
79415
+ <span class="body-1-regular black" [class.warning]="!!previousValue">{{
79416
+ label | translate
79417
+ }}</span>
79418
+ @if (previousValue != null) {
79419
+ <mat-icon
79420
+ [class.warning]="true"
79421
+ class="filling-form-fields-item-icon"
79422
+ matSuffix
79423
+ >warning_amber</mat-icon
79424
+ >
79425
+ }
79426
+ </div>
79427
+ </mat-checkbox>
79428
+
79429
+ @if (previousValue != null) {
79430
+ <mat-hint
79431
+ [class.warning]="true"
79432
+ class="filling-form-fields-item-hint"
79433
+ >{{ 'Previously saved value' | translate }}: {{ previousValue ? ('checked' | translate) : ('unchecked' | translate) }}</mat-hint
79434
+ >
79435
+ }
79436
+ </div>
79437
+ }
79438
+
79439
+ @case (types.Empty) {
79440
+ <div class="filling-form-fields-empty {{field.class ?? 'span-6'}}"></div>
79441
+ }
79442
+ @case (types.Autocomplete) {
79443
+ <div class="filling-form-fields-item {{field.class ?? 'span-6'}}">
79444
+ @if (field.label) {
79445
+ <span class="filling-form-fields-item-label body-1-regular">
79446
+ {{ (field.label | translate) + (field.required ? " *" : "") }}
79447
+ </span>
79448
+ }
79449
+ <autocomplete-field
79450
+ [options]="field.options ?? []"
79451
+ [control]="getFormControl(field.formControlName)"
79452
+ [required]="field.required ?? false"
79453
+ />
79454
+ </div>
79455
+ }
79456
+
79457
+ @case (types.Date) {
79458
+ <div
79459
+ class="filling-form-fields-item {{field.class ?? 'span-6'}}"
79460
+ [class.warning]="!!previousValue"
79461
+ >
79462
+ @if (field.label) {
79463
+ <span
79464
+ class="filling-form-fields-item-label body-1-regular"
79465
+ [class.warning]="!!previousValue"
79466
+ >
79467
+ {{ (field.label | translate) + (field.required ? " *" : "") }}
79468
+ </span>
79469
+ }
79470
+
79471
+ <mat-form-field appearance="outline">
79472
+ <input
79473
+ matInput
79474
+ [matDatepicker]="picker"
79475
+ [formControlName]="field.formControlName"
79476
+ (dateChange)="field.onChange && field.onChange(form)"
79477
+ />
79478
+ <mat-datepicker-toggle matSuffix [for]="picker">
79479
+ <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>
79480
+ </mat-datepicker-toggle>
79481
+ <mat-datepicker #picker></mat-datepicker>
79482
+
79483
+ @if (previousValue != null) {
79484
+ <mat-hint
79485
+ [class.warning]="true"
79486
+ class="filling-form-fields-item-hint"
79487
+ >
79488
+ {{ 'Previously saved value' | translate }}: {{ previousValue }}
79489
+ </mat-hint>
79490
+ }
79491
+
79492
+ <mat-error>{{ (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>
79493
+ </mat-form-field>
79494
+ </div>
79495
+ }
79496
+
79497
+ @case (types.Input) {
79498
+ <div
79499
+ [class.warning]="!!previousValue"
79500
+ class="filling-form-fields-item {{field.class ?? 'span-6'}}"
79501
+ >
79502
+ @if (field.label) {
79503
+ <span
79504
+ [class.warning]="!!previousValue"
79505
+ class="filling-form-fields-item-label body-1-regular"
79506
+ >
79507
+ {{ (field.label | translate) + (field.required ? " *" : "") }}
79508
+ </span>
79509
+
79510
+ <mat-form-field appearance="outline">
79511
+ <input
79512
+ matInput
79513
+ [readonly]="field.readonly"
79514
+ [formControlName]="field.formControlName"
79515
+ (input)="field.onChange && field.onChange(form)"
79516
+ />
79517
+
79518
+ @if (previousValue != null) {
79519
+ <mat-hint
79520
+ [class.warning]="true"
79521
+ class="filling-form-fields-item-hint"
79522
+ >{{ 'Previously saved value' | translate }}: {{ previousValue }}</mat-hint
79523
+ >
79524
+ }
79525
+
79526
+ @if (previousValue != null) {
79527
+ <mat-icon
79528
+ [class.warning]="true"
79529
+ class="filling-form-fields-item-icon"
79530
+ matSuffix
79531
+ >warning_amber</mat-icon
79532
+ >
79533
+ }
79534
+
79535
+ <mat-error>{{ (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>
79536
+ </mat-form-field>
79537
+ }
79538
+ </div>
79539
+ }
79540
+ @case (types.TextArea) {
79541
+ <div class="filling-form-fields-item text-area {{field.class ?? 'span-6'}}">
79542
+ @if (field.label) {
79543
+ <span class="filling-form-fields-item-label body-1-regular">
79544
+ {{ (field.label | translate) + (field.required ? " *" : "") }}
79545
+ </span>
79546
+
79547
+ <mat-form-field appearance="outline">
79548
+ <textarea
79549
+ matInput
79550
+ [readonly]="field.readonly"
79551
+ [formControlName]="field.formControlName"
79552
+ (change)="field.onChange && field.onChange(form)"
79553
+ ></textarea>
79554
+ </mat-form-field>
79555
+ }
79556
+ </div>
79557
+ }
79558
+ @case (types.CheckboxList) {
79559
+ <checkbox-list class="{{field.class}}" [formControlName]="field.formControlName" [items]="field.options ?? []"/>
79560
+ }
79561
+ @case (types.Text) {
79562
+ @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn, prevData()) : field.label;
79563
+ @if (label) {
79564
+ <p [class.last]="last" class="filling-form-fields-item-text body-1-regular grey" [class]="field.class" [innerHTML]="label" ></p>
79565
+ }
79566
+ }
79567
+ }
79568
+ }
79569
+ }
79570
+ </div>
79571
+ </section>
79572
79572
  `, styles: ['/* src/app/components/form/filing-form-group/filing-form-group.component.scss */\n:host {\n overflow: hidden;\n}\n:host .filling-form-fields {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n column-gap: 16px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select {\n display: flex;\n}\n:host .filling-form-fields ::ng-deep .mdc-checkbox__background {\n border: 3px solid #6a6c6f;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-arrow-wrapper {\n display: none;\n}\n:host .filling-form-fields ::ng-deep .suffix-container {\n display: flex;\n align-items: center;\n padding-right: 12px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix {\n display: flex;\n align-items: center;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix .mat-icon {\n display: flex;\n align-items: center;\n}\n:host .filling-form-fields ::ng-deep .arrow-icon {\n pointer-events: none;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-infix {\n display: flex !important;\n font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-label {\n font-size: 14px !important;\n}\n:host .filling-form-fields-checkbox {\n display: flex;\n flex-direction: column;\n justify-content: center;\n line-height: 2rem;\n}\n:host .filling-form-fields-checkbox:not(.last) {\n padding-bottom: 16px;\n}\n:host .filling-form-fields-checkbox-text {\n display: flex;\n align-items: center;\n gap: 8px;\n line-height: 20px;\n color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-empty {\n width: 100%;\n height: 80px;\n}\n:host .filling-form-fields-item {\n --mat-sys-primary: #6b6f76;\n --mat-sys-primary-container: #e4e5e8;\n --mat-sys-surface-tint: #6b6f76;\n --mat-sys-outline: #c7c9cf;\n --mat-sys-outline-variant: #dfe1e6;\n --mdc-icon-button-state-layer-size: 36px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-text-field-wrapper {\n padding: 0 !important;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-input-element {\n padding: 0 12px;\n min-height: 230px !important;\n max-height: 230px !important;\n}\n:host .filling-form-fields-item-text {\n font-size: 14px !important;\n}\n:host .filling-form-fields-item-text:not(.last) {\n padding-bottom: 16px;\n}\n:host .filling-form-fields-item-hint {\n display: flex;\n align-items: center;\n font-size: 12px;\n}\n:host .filling-form-fields-item.warning {\n --mdc-outlined-text-field-outline-color: #845400;\n --mdc-outlined-text-field-outline-width: 2px;\n --mat-sys-on-surface: #845400;\n color: #845400;\n padding-bottom: 16px;\n}\n:host .filling-form-fields-item-label {\n color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-item-label.warning {\n color: #845400;\n}\n:host .filling-form-fields-item-hint.warning {\n color: #845400;\n}\n:host .filling-form-fields-item-icon {\n font-size: 22px;\n line-height: 22px;\n height: 22px;\n width: 22px;\n}\n:host .filling-form-fields-item-icon.warning {\n color: #845400;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid {\n padding: 0 0 12px;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__leading {\n border-color: #ff3e3e !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__trailing {\n border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n padding: 0;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error {\n color: #E22222 !important;\n font-size: 12px;\n font-family: "Open Sans";\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-select-arrow {\n color: #E22222 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-icon {\n color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__leading {\n border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__trailing {\n border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-datepicker-toggle-default-icon {\n color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-form-field-error {\n display: none;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-select-arrow {\n color: #d6d6d6 !important;\n}\n:host .filling-form-fields ::ng-deep {\n --mat-form-field-container-vertical-padding: 6px;\n --mat-form-field-container-height: 36px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n line-height: 18px;\n}\n:host .filling-form-fields ::ng-deep input,\n:host .filling-form-fields ::ng-deep textarea {\n font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mdc-text-field--disabled {\n background-color: #F5F5F5 !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__leading {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__trailing {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-icon-button .mat-icon {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n}\n:host .span-1 {\n grid-column: span 1;\n}\n:host .span-2 {\n grid-column: span 2;\n}\n:host .span-3 {\n grid-column: span 3;\n}\n:host .span-4 {\n grid-column: span 4;\n}\n:host .span-5 {\n grid-column: span 5;\n}\n:host .span-6 {\n grid-column: span 6;\n}\n:host .span-8 {\n grid-column: span 8;\n}\n:host .span-12 {\n grid-column: span 12;\n}\n:host .column-1 {\n grid-column: 1/span 2;\n}\n:host .column-2 {\n grid-column: 1/span 4;\n}\n:host .column-3 {\n grid-column: 1/span 6;\n}\n:host ::ng-deep input {\n font-size: 14px !important;\n color: var(--filing-modal-color-grey) !important;\n}\n.filing-form-group-select-option {\n background: white !important;\n}\n.filing-form-group-select-option ::ng-deep .mat-pseudo-checkbox-checked {\n background: transparent !important;\n}\n.filing-form-group-select-option ::ng-deep .mdc-list-item__primary-text {\n font-family: "Open Sans";\n font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */\n'] }]
79573
79573
  }], () => [], null);
79574
79574
  })();
@@ -79687,7 +79687,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
79687
79687
  (() => {
79688
79688
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(AlertComponent, [{
79689
79689
  type: Component,
79690
- args: [{ selector: "alert", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, TranslatePipe], template: '<div class="alert {{type()}}">\r\n @switch (type()) {\r\n @case (alertType.Warning) {\r\n <mat-icon class="alert-icon">warning</mat-icon>\r\n\r\n }\r\n @case (alertType.Info) {\r\n <mat-icon class="alert-icon">info_outlined</mat-icon>\r\n }\r\n }\r\n <div class="alert-text">\r\n <span class="alert-text-title">{{title() | translate}}</span>\r\n\r\n @if (isArray()) {\r\n <ul class="alert-options">\r\n @for(option of content(); track option) {\r\n <li>{{option}}</li>\r\n }\r\n </ul>\r\n }@else {\r\n <span>{{$any(content()) | translate}}</span>\r\n }\r\n </div>\r\n\r\n</div>\r\n', styles: ["/* src/app/components/alert/alert.component.scss */\n:host .alert {\n display: flex;\n align-items: center;\n padding: 12px 10px;\n border-radius: 12px;\n gap: 8px;\n border: 1px solid var(--filing-modal-color-grey);\n}\n:host .alert.warning {\n border: 1px solid #F1D01E;\n}\n:host .alert.warning .alert-icon {\n color: #F1D01E;\n font-size: 20px;\n}\n:host .alert-text {\n display: flex;\n flex-direction: column;\n gap: 12px;\n color: var(--filing-modal-color-grey);\n font-size: 14px;\n}\n:host .alert-text-title {\n font-weight: 600;\n}\n:host .alert-options {\n margin: 0;\n padding: 0 24px;\n}\n/*# sourceMappingURL=alert.component.css.map */\n"] }]
79690
+ args: [{ selector: "alert", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatIconModule, TranslatePipe], template: '<div class="alert {{type()}}">\n @switch (type()) {\n @case (alertType.Warning) {\n <mat-icon class="alert-icon">warning</mat-icon>\n\n }\n @case (alertType.Info) {\n <mat-icon class="alert-icon">info_outlined</mat-icon>\n }\n }\n <div class="alert-text">\n <span class="alert-text-title">{{title() | translate}}</span>\n\n @if (isArray()) {\n <ul class="alert-options">\n @for(option of content(); track option) {\n <li>{{option}}</li>\n }\n </ul>\n }@else {\n <span>{{$any(content()) | translate}}</span>\n }\n </div>\n\n</div>\n', styles: ["/* src/app/components/alert/alert.component.scss */\n:host .alert {\n display: flex;\n align-items: center;\n padding: 12px 10px;\n border-radius: 12px;\n gap: 8px;\n border: 1px solid var(--filing-modal-color-grey);\n}\n:host .alert.warning {\n border: 1px solid #F1D01E;\n}\n:host .alert.warning .alert-icon {\n color: #F1D01E;\n font-size: 20px;\n}\n:host .alert-text {\n display: flex;\n flex-direction: column;\n gap: 12px;\n color: var(--filing-modal-color-grey);\n font-size: 14px;\n}\n:host .alert-text-title {\n font-weight: 600;\n}\n:host .alert-options {\n margin: 0;\n padding: 0 24px;\n}\n/*# sourceMappingURL=alert.component.css.map */\n"] }]
79691
79691
  }], null, null);
79692
79692
  })();
79693
79693
  (() => {
@@ -79963,77 +79963,77 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
79963
79963
  TranslatePipe,
79964
79964
  MatButton,
79965
79965
  AlertComponent
79966
- ], template: `<div class="terms-and-conditions">\r
79967
- @if (errors().length) {\r
79968
- <alert\r
79969
- title="The following issues need to be resolved before proceeding:"\r
79970
- [content]="errors()"\r
79971
- />\r
79972
- }\r
79973
- \r
79974
- <div class="terms-and-conditions-content">\r
79975
- <expandable-card class="terms-and-conditions-card" title="Terms and Conditions">\r
79976
- \r
79977
- <div class="terms-and-conditions-card-content">\r
79978
- <div class="terms-and-conditions-text-wrapper">\r
79979
- <div class="terms-and-conditions-text">\r
79980
- <span class="body-1-regular">{{ 'TERMS.intro' | translate }}</span>\r
79981
- <span class="body-1-regular">{{ 'TERMS.agreement_mandatory' | translate }}</span>\r
79982
- <span class="body-1-regular">{{ 'TERMS.clause_i' | translate }}</span>\r
79983
- <span class="body-1-regular">{{ 'TERMS.clause_ii' | translate }}</span>\r
79984
- <span class="body-1-regular">{{ 'TERMS.authority' | translate }}</span>\r
79985
- <span class="body-1-regular">{{ 'TERMS.bound' | translate }}</span>\r
79986
- <span class="body-1-regular">{{ 'TERMS.section_1' | translate }}</span>\r
79987
- <span class="body-1-regular">{{ 'TERMS.section_2' | translate }}</span>\r
79988
- <span class="body-1-regular">{{ 'TERMS.section_3' | translate }}</span>\r
79989
- <span class="body-1-regular">{{ 'TERMS.section_4' | translate }}</span>\r
79990
- <span class="body-1-regular">{{ 'TERMS.section_5' | translate }}</span>\r
79991
- <span class="body-1-regular">{{ 'TERMS.section_6' | translate }}</span>\r
79992
- <span class="body-1-regular">{{ 'TERMS.section_7' | translate }}</span>\r
79993
- <span class="body-1-regular">{{ 'TERMS.section_8' | translate }}</span>\r
79994
- <span class="body-1-regular">{{ 'TERMS.section_9' | translate }}</span>\r
79995
- <span class="body-1-regular">{{ 'TERMS.section_10' | translate }}</span>\r
79996
- <span class="body-1-regular">{{ 'TERMS.section_11' | translate }}</span>\r
79997
- <span class="body-1-regular">{{ 'TERMS.section_12' | translate }}</span>\r
79998
- <span class="body-1-regular">{{ 'TERMS.section_13' | translate }}</span>\r
79999
- <span class="body-1-regular">{{ 'TERMS.section_14' | translate }}</span>\r
80000
- <span class="body-1-regular">{{ 'TERMS.section_15' | translate }}</span>\r
80001
- <span class="body-1-regular">{{ 'TERMS.section_16' | translate }}</span>\r
80002
- <span class="body-1-regular">{{ 'TERMS.section_17' | translate }}</span>\r
80003
- </div>\r
80004
- </div>\r
80005
- \r
80006
- <mat-checkbox [formControl]="getFormControl(termsAndConditionsControls.AcceptTerms)">\r
80007
- <div class="body-1-regular black">\r
80008
- <span>{{ 'I agree to the Terms and Conditions and confirm that all required person(s) and/or entities agree to them' | translate }}</span>\r
80009
- </div>\r
80010
- </mat-checkbox>\r
80011
- </div>\r
80012
- \r
80013
- </expandable-card>\r
80014
- \r
80015
- <expandable-card title="Signatory">\r
80016
- <filing-form-group [isSubmitted]="true" [form]="form" [config]="termsAndConditionsFields"/>\r
80017
- </expandable-card>\r
80018
- </div>\r
80019
- \r
80020
- <div class="terms-and-conditions-form-actions">\r
80021
- <button mat-stroked-button mat-button (click)="close.emit()">\r
80022
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
80023
- </button>\r
80024
- \r
80025
- <button mat-stroked-button mat-button (click)="prev.emit()"><span class="body-1-semibold">{{ 'Back' | translate }}</span></button>\r
80026
- \r
80027
- <button\r
80028
- mat-flat-button\r
80029
- type="submit"\r
80030
- (click)="onConfirm()"\r
80031
- [disabled]="form.invalid"\r
80032
- >\r
80033
- <span class="body-1-semibold">{{ 'Proceed' | translate }}</span>\r
80034
- </button>\r
80035
- </div>\r
80036
- </div>\r
79966
+ ], template: `<div class="terms-and-conditions">
79967
+ @if (errors().length) {
79968
+ <alert
79969
+ title="The following issues need to be resolved before proceeding:"
79970
+ [content]="errors()"
79971
+ />
79972
+ }
79973
+
79974
+ <div class="terms-and-conditions-content">
79975
+ <expandable-card class="terms-and-conditions-card" title="Terms and Conditions">
79976
+
79977
+ <div class="terms-and-conditions-card-content">
79978
+ <div class="terms-and-conditions-text-wrapper">
79979
+ <div class="terms-and-conditions-text">
79980
+ <span class="body-1-regular">{{ 'TERMS.intro' | translate }}</span>
79981
+ <span class="body-1-regular">{{ 'TERMS.agreement_mandatory' | translate }}</span>
79982
+ <span class="body-1-regular">{{ 'TERMS.clause_i' | translate }}</span>
79983
+ <span class="body-1-regular">{{ 'TERMS.clause_ii' | translate }}</span>
79984
+ <span class="body-1-regular">{{ 'TERMS.authority' | translate }}</span>
79985
+ <span class="body-1-regular">{{ 'TERMS.bound' | translate }}</span>
79986
+ <span class="body-1-regular">{{ 'TERMS.section_1' | translate }}</span>
79987
+ <span class="body-1-regular">{{ 'TERMS.section_2' | translate }}</span>
79988
+ <span class="body-1-regular">{{ 'TERMS.section_3' | translate }}</span>
79989
+ <span class="body-1-regular">{{ 'TERMS.section_4' | translate }}</span>
79990
+ <span class="body-1-regular">{{ 'TERMS.section_5' | translate }}</span>
79991
+ <span class="body-1-regular">{{ 'TERMS.section_6' | translate }}</span>
79992
+ <span class="body-1-regular">{{ 'TERMS.section_7' | translate }}</span>
79993
+ <span class="body-1-regular">{{ 'TERMS.section_8' | translate }}</span>
79994
+ <span class="body-1-regular">{{ 'TERMS.section_9' | translate }}</span>
79995
+ <span class="body-1-regular">{{ 'TERMS.section_10' | translate }}</span>
79996
+ <span class="body-1-regular">{{ 'TERMS.section_11' | translate }}</span>
79997
+ <span class="body-1-regular">{{ 'TERMS.section_12' | translate }}</span>
79998
+ <span class="body-1-regular">{{ 'TERMS.section_13' | translate }}</span>
79999
+ <span class="body-1-regular">{{ 'TERMS.section_14' | translate }}</span>
80000
+ <span class="body-1-regular">{{ 'TERMS.section_15' | translate }}</span>
80001
+ <span class="body-1-regular">{{ 'TERMS.section_16' | translate }}</span>
80002
+ <span class="body-1-regular">{{ 'TERMS.section_17' | translate }}</span>
80003
+ </div>
80004
+ </div>
80005
+
80006
+ <mat-checkbox [formControl]="getFormControl(termsAndConditionsControls.AcceptTerms)">
80007
+ <div class="body-1-regular black">
80008
+ <span>{{ 'I agree to the Terms and Conditions and confirm that all required person(s) and/or entities agree to them' | translate }}</span>
80009
+ </div>
80010
+ </mat-checkbox>
80011
+ </div>
80012
+
80013
+ </expandable-card>
80014
+
80015
+ <expandable-card title="Signatory">
80016
+ <filing-form-group [isSubmitted]="true" [form]="form" [config]="termsAndConditionsFields"/>
80017
+ </expandable-card>
80018
+ </div>
80019
+
80020
+ <div class="terms-and-conditions-form-actions">
80021
+ <button mat-stroked-button mat-button (click)="close.emit()">
80022
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
80023
+ </button>
80024
+
80025
+ <button mat-stroked-button mat-button (click)="prev.emit()"><span class="body-1-semibold">{{ 'Back' | translate }}</span></button>
80026
+
80027
+ <button
80028
+ mat-flat-button
80029
+ type="submit"
80030
+ (click)="onConfirm()"
80031
+ [disabled]="form.invalid"
80032
+ >
80033
+ <span class="body-1-semibold">{{ 'Proceed' | translate }}</span>
80034
+ </button>
80035
+ </div>
80036
+ </div>
80037
80037
  `, styles: ["/* src/app/components/terms-and-conditions/terms-and-conditions.component.scss */\n:host .terms-and-conditions {\n --mdc-outlined-text-field-outline-color: #e8e8e8;\n --mat-form-field-filled-with-label-container-padding-top: 12px;\n --mat-form-field-filled-with-label-container-padding-bottom: 2px;\n --mat-form-field-container-height: 36px;\n --mdc-filled-text-field-container-color: transparent;\n height: 100%;\n color: #8c8e90;\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n:host .terms-and-conditions ::ng-deep .mdc-label {\n font-size: 14px !important;\n}\n:host .terms-and-conditions-card-content {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: calc(100% - 25px);\n}\n:host .terms-and-conditions-text-wrapper {\n border: 1px solid #A1B5C7;\n border-radius: 8px;\n overflow: hidden;\n}\n:host .terms-and-conditions-text {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n overflow: auto;\n max-height: 420px;\n padding: 8px;\n color: var(--filing-modal-color-grey);\n}\n:host .terms-and-conditions-form {\n height: 100%;\n padding-top: 16px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n:host .terms-and-conditions-form-title {\n color: black;\n margin: 0;\n}\n:host .terms-and-conditions-form-input {\n width: 100%;\n}\n:host .terms-and-conditions-form-input::ng-deep .mdc-text-field,\n:host .terms-and-conditions-form-input::ng-deep .mat-mdc-form-field-error-wrapper {\n padding: 0;\n}\n:host .terms-and-conditions-form-container {\n display: flex;\n gap: 16px;\n}\n:host .terms-and-conditions-form-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n padding-top: 16px;\n}\n:host .terms-and-conditions-form-actions button {\n margin: 0;\n}\n:host .terms-and-conditions-content {\n height: calc(100% - 67px);\n overflow: auto;\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n/*# sourceMappingURL=terms-and-conditions.component.css.map */\n"] }]
80038
80038
  }], null, null);
80039
80039
  })();
@@ -80357,84 +80357,84 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
80357
80357
  animate("100ms cubic-bezier(0.4, 0.0, 0.2, 1)")
80358
80358
  ])
80359
80359
  ])
80360
- ], template: `<div class="expandable-card">\r
80361
- <div\r
80362
- [class.expanded]="isExpanded()"\r
80363
- (click)="toggle()"\r
80364
- class="expandable-card-header"\r
80365
- >\r
80366
- <h2 class="expandable-card-header-title">{{ title() | translate }}</h2>\r
80367
- \r
80368
- <div class="expandable-card-header-container">\r
80369
- @if (isStatusIcon()) {\r
80370
- @if (!isValid()) {\r
80371
- <mat-icon class="expandable-card-header-status-icon">\r
80372
- error_outline\r
80373
- </mat-icon>\r
80374
- }\r
80375
- }\r
80376
- \r
80377
- <mat-icon [class.rotated]="!isExpanded()">arrow_forward_ios</mat-icon>\r
80378
- </div>\r
80379
- </div>\r
80380
- \r
80381
- <div class="expandable-card-content" [@expandCollapse]="isExpanded()">\r
80382
- <ng-content select="[slot='header-content']"></ng-content>\r
80383
- <div class="expandable-card-actions">\r
80384
- <div>\r
80385
- <ng-content select="[slot='subtitle']"></ng-content>\r
80386
- </div>\r
80387
- \r
80388
- @if (controlsCount() !== 0) {\r
80389
- <div class="expandable-card-actions-items">\r
80390
- <h3 class="expandable-card-actions-item" (click)="expandAll()">\r
80391
- {{ "Expand all" | translate }}\r
80392
- </h3>\r
80393
- <h3 class="expandable-card-actions-separator">|</h3>\r
80394
- <h3 class="expandable-card-actions-item" (click)="collapseAll()">\r
80395
- {{ "Collapse all" | translate }}\r
80396
- </h3>\r
80397
- </div>\r
80398
- }\r
80399
- </div>\r
80400
- \r
80401
- @for (formGroup of formArray().controls; let i = $index; track formGroup) {\r
80402
- <div class="expandable-card-separator">\r
80403
- <div class="expandable-card-separator-line"></div>\r
80404
- </div>\r
80405
- \r
80406
- <expandable-card\r
80407
- [isListItem]="true"\r
80408
- [title]="getFormGroup(i).get(labelKey())?.value"\r
80409
- [role]="getFormGroup(i).get(roleKey())?.value"\r
80410
- [isStatusIcon]="isStatusIcon()"\r
80411
- [isValid]="getFormGroupValid(i)"\r
80412
- [isOpen]="isItemExpanded(i)"\r
80413
- [border]="false"\r
80414
- [padded]="false"\r
80415
- [chipType]="\r
80416
- affiliationTypeToChipType(\r
80417
- formGroup.get(controls.AffiliationType)?.value\r
80418
- )\r
80419
- "\r
80420
- [isLoading]="isLoading()"\r
80421
- [removable]="removable()"\r
80422
- (toggled)="toggleItem(i)"\r
80423
- (remove)="remove.emit(i)"\r
80424
- >\r
80425
- @let form = getFormGroup(i);\r
80426
- @let configValue =\r
80427
- fields() ?? config()?.[form.get(configKey())?.value] ?? [];\r
80428
- <filing-form-group\r
80429
- [prevData]="prevData()"\r
80430
- [isSubmitted]="isSubmitted()"\r
80431
- [form]="form"\r
80432
- [config]="configValue"\r
80433
- />\r
80434
- </expandable-card>\r
80435
- }\r
80436
- </div>\r
80437
- </div>\r
80360
+ ], template: `<div class="expandable-card">
80361
+ <div
80362
+ [class.expanded]="isExpanded()"
80363
+ (click)="toggle()"
80364
+ class="expandable-card-header"
80365
+ >
80366
+ <h2 class="expandable-card-header-title">{{ title() | translate }}</h2>
80367
+
80368
+ <div class="expandable-card-header-container">
80369
+ @if (isStatusIcon()) {
80370
+ @if (!isValid()) {
80371
+ <mat-icon class="expandable-card-header-status-icon">
80372
+ error_outline
80373
+ </mat-icon>
80374
+ }
80375
+ }
80376
+
80377
+ <mat-icon [class.rotated]="!isExpanded()">arrow_forward_ios</mat-icon>
80378
+ </div>
80379
+ </div>
80380
+
80381
+ <div class="expandable-card-content" [@expandCollapse]="isExpanded()">
80382
+ <ng-content select="[slot='header-content']"></ng-content>
80383
+ <div class="expandable-card-actions">
80384
+ <div>
80385
+ <ng-content select="[slot='subtitle']"></ng-content>
80386
+ </div>
80387
+
80388
+ @if (controlsCount() !== 0) {
80389
+ <div class="expandable-card-actions-items">
80390
+ <h3 class="expandable-card-actions-item" (click)="expandAll()">
80391
+ {{ "Expand all" | translate }}
80392
+ </h3>
80393
+ <h3 class="expandable-card-actions-separator">|</h3>
80394
+ <h3 class="expandable-card-actions-item" (click)="collapseAll()">
80395
+ {{ "Collapse all" | translate }}
80396
+ </h3>
80397
+ </div>
80398
+ }
80399
+ </div>
80400
+
80401
+ @for (formGroup of formArray().controls; let i = $index; track formGroup) {
80402
+ <div class="expandable-card-separator">
80403
+ <div class="expandable-card-separator-line"></div>
80404
+ </div>
80405
+
80406
+ <expandable-card
80407
+ [isListItem]="true"
80408
+ [title]="getFormGroup(i).get(labelKey())?.value"
80409
+ [role]="getFormGroup(i).get(roleKey())?.value"
80410
+ [isStatusIcon]="isStatusIcon()"
80411
+ [isValid]="getFormGroupValid(i)"
80412
+ [isOpen]="isItemExpanded(i)"
80413
+ [border]="false"
80414
+ [padded]="false"
80415
+ [chipType]="
80416
+ affiliationTypeToChipType(
80417
+ formGroup.get(controls.AffiliationType)?.value
80418
+ )
80419
+ "
80420
+ [isLoading]="isLoading()"
80421
+ [removable]="removable()"
80422
+ (toggled)="toggleItem(i)"
80423
+ (remove)="remove.emit(i)"
80424
+ >
80425
+ @let form = getFormGroup(i);
80426
+ @let configValue =
80427
+ fields() ?? config()?.[form.get(configKey())?.value] ?? [];
80428
+ <filing-form-group
80429
+ [prevData]="prevData()"
80430
+ [isSubmitted]="isSubmitted()"
80431
+ [form]="form"
80432
+ [config]="configValue"
80433
+ />
80434
+ </expandable-card>
80435
+ }
80436
+ </div>
80437
+ </div>
80438
80438
  `, styles: ["/* src/app/components/expandable-list-card/expandable-list-card.component.scss */\n:host .expandable-card {\n padding: 16px 0;\n box-shadow:\n 0 1px 2px rgba(0, 0, 0, 0.08),\n 0 2px 4px rgba(0, 0, 0, 0.12),\n 0 0 0 1px rgba(0, 0, 0, 0.04);\n border-radius: 8px;\n margin: 1px;\n}\n:host .expandable-card-header {\n padding: 0 16px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n transition: padding-bottom ease-in-out 250ms;\n}\n:host .expandable-card-header.expanded {\n padding-bottom: 16px;\n}\n:host .expandable-card-header-icon {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n:host .expandable-card-header-title {\n color: #666666;\n font-weight: 700;\n font-size: 14px;\n}\n:host .expandable-card-header-container {\n display: flex;\n align-items: center;\n gap: 16px;\n}\n:host .expandable-card-header-status-icon {\n font-weight: 400;\n color: #F1D01E;\n font-size: 22px;\n height: 22px;\n width: 22px;\n}\n:host .expandable-card-header-status-icon.added {\n color: #44aa00;\n}\n:host .expandable-card-header mat-icon:not(.expandable-card-header-status-icon) {\n display: flex;\n align-items: center;\n justify-content: center;\n transition: transform 100ms cubic-bezier(0.4, 0, 0.2, 1);\n transform: rotate(-90deg);\n}\n:host .expandable-card-header mat-icon:not(.expandable-card-header-status-icon).rotated {\n transform: rotate(90deg);\n}\n:host .expandable-card-actions {\n padding: 0 16px 0 16px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n:host .expandable-card-actions-items {\n display: flex;\n align-items: center;\n gap: 4px;\n font-size: 14px;\n}\n:host .expandable-card-actions-separator {\n padding: 0 2px;\n color: var(--filing-modal-color-grey);\n font-size: 14px;\n}\n:host .expandable-card-actions-item {\n color: var(--filing-modal-color-light-blue);\n cursor: pointer;\n font-size: 14px;\n}\n:host .expandable-card-actions-item:hover {\n text-decoration: underline;\n}\n:host .expandable-card expandable-card {\n display: block;\n padding: 0 16px;\n}\n:host .expandable-card-separator {\n width: 100%;\n padding: 18px 16px;\n}\n:host .expandable-card-separator-line {\n background-color: var(--filing-modal-color-grey-mid);\n height: 1px;\n width: 100%;\n}\n/*# sourceMappingURL=expandable-list-card.component.css.map */\n"] }]
80439
80439
  }], () => [], null);
80440
80440
  })();
@@ -80813,185 +80813,185 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
80813
80813
  ExpandableListCardComponent,
80814
80814
  AlertComponent,
80815
80815
  TranslatePipe
80816
- ], template: `<div class="incorporation-form">\r
80817
- @if (isNote()) {\r
80818
- <alert\r
80819
- [type]="alertType.Info"\r
80820
- title="Entity changed"\r
80821
- content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
80822
- />\r
80823
- }\r
80824
- \r
80825
- @if (errors().length) {\r
80826
- <alert\r
80827
- title="The following issues need to be resolved before proceeding:"\r
80828
- [content]="errors()"\r
80829
- />\r
80830
- }\r
80831
- \r
80832
- <div class="incorporation-form-content">\r
80833
- @let referenceNumbers = getFormGroup(groups.ReferenceNumbers);\r
80834
- \r
80835
- @if (referenceNumbers) {\r
80836
- <expandable-card [title]="groups.ReferenceNumbers">\r
80837
- <div class="incorporation-form-item">\r
80838
- <filing-form-group\r
80839
- [isSubmitted]="isSubmitted()"\r
80840
- [form]="referenceNumbers"\r
80841
- [config]="referenceNumbersFields"\r
80842
- (visiblyValidChange)="onSectionValidChange('refNumbers', $event)"\r
80843
- />\r
80844
- </div>\r
80845
- </expandable-card>\r
80846
- }\r
80847
- \r
80848
- @let corporationDetails = getFormGroup(groups.CorporationDetails);\r
80849
- \r
80850
- @if (corporationDetails) {\r
80851
- <expandable-card\r
80852
- [isValid]="sectionValidity['corpDetails']"\r
80853
- [isStatusIcon]="statusIcon()"\r
80854
- [title]="groups.CorporationDetails"\r
80855
- >\r
80856
- <div class="incorporation-form-item">\r
80857
- <filing-form-group\r
80858
- [isSubmitted]="isSubmitted()"\r
80859
- [form]="corporationDetails"\r
80860
- [config]="corporationDetailsCardFields"\r
80861
- (visiblyValidChange)="onSectionValidChange('corpDetails', $event)"\r
80862
- />\r
80863
- </div>\r
80864
- </expandable-card>\r
80865
- }\r
80866
- \r
80867
- @if (isLegalOpinion) {\r
80868
- @let legalOpinion = getFormGroup(groups.LegalOpinion);\r
80869
- \r
80870
- @if (legalOpinion) {\r
80871
- <expandable-card\r
80872
- [isValid]="\r
80873
- sectionValidity['legalOpinionLawyer'] &&\r
80874
- sectionValidity['legalOpinionAddress']\r
80875
- "\r
80876
- [isStatusIcon]="statusIcon()"\r
80877
- [title]="groups.LegalOpinion"\r
80878
- >\r
80879
- <filing-form-group\r
80880
- [isSubmitted]="isSubmitted()"\r
80881
- [form]="legalOpinion"\r
80882
- [config]="legalOpinionLawyerFields()"\r
80883
- (visiblyValidChange)="\r
80884
- onSectionValidChange('legalOpinionLawyer', $event)\r
80885
- "\r
80886
- />\r
80887
- \r
80888
- @if (legalOpinion.get(controls.LawyerSigningOpinion)?.value) {\r
80889
- <filing-form-group\r
80890
- [isSubmitted]="isSubmitted()"\r
80891
- [form]="legalOpinion"\r
80892
- [config]="legalOpinionConfirmAddressFieldsMap[legalOpinion.get(controls.AffiliationAddressType)?.value]"\r
80893
- (visiblyValidChange)="\r
80894
- onSectionValidChange('legalOpinionAddress', $event)\r
80895
- "\r
80896
- />\r
80897
- }\r
80898
- \r
80899
- </expandable-card>\r
80900
- }\r
80901
- }\r
80902
- \r
80903
- @let registeredOfficeForm = getFormGroup(groups.RegisteredOfficeAddress);\r
80904
- \r
80905
- @if (registeredOfficeForm) {\r
80906
- <expandable-card\r
80907
- [isValid]="sectionValidity['registeredOffice']"\r
80908
- [isStatusIcon]="statusIcon()"\r
80909
- [title]="groups.RegisteredOfficeAddress"\r
80910
- >\r
80911
- <filing-form-group\r
80912
- [isSubmitted]="isSubmitted()"\r
80913
- [form]="registeredOfficeForm"\r
80914
- [config]="\r
80915
- affiliationCardFieldsMap[\r
80916
- registeredOfficeForm.get(\r
80917
- formationFormControls.AffiliationAddressType\r
80918
- )?.value\r
80919
- ]\r
80920
- "\r
80921
- (visiblyValidChange)="\r
80922
- onSectionValidChange('registeredOffice', $event)\r
80923
- "\r
80924
- />\r
80925
- </expandable-card>\r
80926
- }\r
80927
- \r
80928
- @let incorporatorsArray = getFormArray(groups.Incorporators);\r
80929
- @let directorsArray = getFormArray(groups.Directors);\r
80930
- \r
80931
- @let isOpenDirectors =\r
80932
- (directorsArray?.length ?? 0) <= initiallyOpenCardsCount;\r
80933
- @if (directorsArray && directorsArray.length) {\r
80934
- <expandable-list-card\r
80935
- [isSubmitted]="isSubmitted()"\r
80936
- [isValid]="sectionValidity['directors']"\r
80937
- [areItemsOpen]="isOpenDirectors"\r
80938
- [isStatusIcon]="statusIcon()"\r
80939
- [config]="directorsCardFieldsMap"\r
80940
- [configKey]="controls.AffiliationAddressType"\r
80941
- [formArray]="directorsArray"\r
80942
- [title]="groups.Directors"\r
80943
- (visiblyValidChange)="onSectionValidChange('directors', $event)"\r
80944
- >\r
80945
- <p\r
80946
- slot="subtitle"\r
80947
- class="body-1-regular black"\r
80948
- [innerHTML]="directorsSubtitle()"\r
80949
- ></p>\r
80950
- </expandable-list-card>\r
80951
- } @else {\r
80952
- <expandable-card [title]="groups.Directors">\r
80953
- <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
80954
- </expandable-card>\r
80955
- }\r
80956
- \r
80957
- @let sharesAndProvisions = getFormGroup(groups.SharesAndProvisions);\r
80958
- \r
80959
- @if (sharesAndProvisions) {\r
80960
- <expandable-card\r
80961
- [isStatusIcon]="false"\r
80962
- [title]="groups.SharesAndProvisions"\r
80963
- >\r
80964
- <filing-form-group\r
80965
- [isSubmitted]="isSubmitted()"\r
80966
- [form]="sharesAndProvisions"\r
80967
- [config]="sharesAndProvincesFields"\r
80968
- />\r
80969
- </expandable-card>\r
80970
- }\r
80971
- \r
80972
- @let isOpenIncorporators =\r
80973
- (incorporatorsArray?.length ?? 0) <= initiallyOpenCardsCount;\r
80974
- \r
80975
- @if (incorporatorsArray && incorporatorsArray.length) {\r
80976
- <expandable-list-card\r
80977
- [isSubmitted]="isSubmitted()"\r
80978
- [isValid]="sectionValidity['incorporators']"\r
80979
- [areItemsOpen]="isOpenIncorporators"\r
80980
- [isStatusIcon]="statusIcon()"\r
80981
- [config]="incorporatorsCardFieldsMap"\r
80982
- [configKey]="controls.AffiliationAddressType"\r
80983
- [formArray]="incorporatorsArray"\r
80984
- [isSubmitted]="isSubmitted()"\r
80985
- [title]="groups.Incorporators"\r
80986
- (visiblyValidChange)="onSectionValidChange('incorporators', $event)"\r
80987
- />\r
80988
- } @else {\r
80989
- <expandable-card [title]="groups.Incorporators">\r
80990
- <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
80991
- </expandable-card>\r
80992
- }\r
80993
- </div>\r
80994
- </div>\r
80816
+ ], template: `<div class="incorporation-form">
80817
+ @if (isNote()) {
80818
+ <alert
80819
+ [type]="alertType.Info"
80820
+ title="Entity changed"
80821
+ content="A new draft needs to be generated as the Entity was changed since the last draft was produced."
80822
+ />
80823
+ }
80824
+
80825
+ @if (errors().length) {
80826
+ <alert
80827
+ title="The following issues need to be resolved before proceeding:"
80828
+ [content]="errors()"
80829
+ />
80830
+ }
80831
+
80832
+ <div class="incorporation-form-content">
80833
+ @let referenceNumbers = getFormGroup(groups.ReferenceNumbers);
80834
+
80835
+ @if (referenceNumbers) {
80836
+ <expandable-card [title]="groups.ReferenceNumbers">
80837
+ <div class="incorporation-form-item">
80838
+ <filing-form-group
80839
+ [isSubmitted]="isSubmitted()"
80840
+ [form]="referenceNumbers"
80841
+ [config]="referenceNumbersFields"
80842
+ (visiblyValidChange)="onSectionValidChange('refNumbers', $event)"
80843
+ />
80844
+ </div>
80845
+ </expandable-card>
80846
+ }
80847
+
80848
+ @let corporationDetails = getFormGroup(groups.CorporationDetails);
80849
+
80850
+ @if (corporationDetails) {
80851
+ <expandable-card
80852
+ [isValid]="sectionValidity['corpDetails']"
80853
+ [isStatusIcon]="statusIcon()"
80854
+ [title]="groups.CorporationDetails"
80855
+ >
80856
+ <div class="incorporation-form-item">
80857
+ <filing-form-group
80858
+ [isSubmitted]="isSubmitted()"
80859
+ [form]="corporationDetails"
80860
+ [config]="corporationDetailsCardFields"
80861
+ (visiblyValidChange)="onSectionValidChange('corpDetails', $event)"
80862
+ />
80863
+ </div>
80864
+ </expandable-card>
80865
+ }
80866
+
80867
+ @if (isLegalOpinion) {
80868
+ @let legalOpinion = getFormGroup(groups.LegalOpinion);
80869
+
80870
+ @if (legalOpinion) {
80871
+ <expandable-card
80872
+ [isValid]="
80873
+ sectionValidity['legalOpinionLawyer'] &&
80874
+ sectionValidity['legalOpinionAddress']
80875
+ "
80876
+ [isStatusIcon]="statusIcon()"
80877
+ [title]="groups.LegalOpinion"
80878
+ >
80879
+ <filing-form-group
80880
+ [isSubmitted]="isSubmitted()"
80881
+ [form]="legalOpinion"
80882
+ [config]="legalOpinionLawyerFields()"
80883
+ (visiblyValidChange)="
80884
+ onSectionValidChange('legalOpinionLawyer', $event)
80885
+ "
80886
+ />
80887
+
80888
+ @if (legalOpinion.get(controls.LawyerSigningOpinion)?.value) {
80889
+ <filing-form-group
80890
+ [isSubmitted]="isSubmitted()"
80891
+ [form]="legalOpinion"
80892
+ [config]="legalOpinionConfirmAddressFieldsMap[legalOpinion.get(controls.AffiliationAddressType)?.value]"
80893
+ (visiblyValidChange)="
80894
+ onSectionValidChange('legalOpinionAddress', $event)
80895
+ "
80896
+ />
80897
+ }
80898
+
80899
+ </expandable-card>
80900
+ }
80901
+ }
80902
+
80903
+ @let registeredOfficeForm = getFormGroup(groups.RegisteredOfficeAddress);
80904
+
80905
+ @if (registeredOfficeForm) {
80906
+ <expandable-card
80907
+ [isValid]="sectionValidity['registeredOffice']"
80908
+ [isStatusIcon]="statusIcon()"
80909
+ [title]="groups.RegisteredOfficeAddress"
80910
+ >
80911
+ <filing-form-group
80912
+ [isSubmitted]="isSubmitted()"
80913
+ [form]="registeredOfficeForm"
80914
+ [config]="
80915
+ affiliationCardFieldsMap[
80916
+ registeredOfficeForm.get(
80917
+ formationFormControls.AffiliationAddressType
80918
+ )?.value
80919
+ ]
80920
+ "
80921
+ (visiblyValidChange)="
80922
+ onSectionValidChange('registeredOffice', $event)
80923
+ "
80924
+ />
80925
+ </expandable-card>
80926
+ }
80927
+
80928
+ @let incorporatorsArray = getFormArray(groups.Incorporators);
80929
+ @let directorsArray = getFormArray(groups.Directors);
80930
+
80931
+ @let isOpenDirectors =
80932
+ (directorsArray?.length ?? 0) <= initiallyOpenCardsCount;
80933
+ @if (directorsArray && directorsArray.length) {
80934
+ <expandable-list-card
80935
+ [isSubmitted]="isSubmitted()"
80936
+ [isValid]="sectionValidity['directors']"
80937
+ [areItemsOpen]="isOpenDirectors"
80938
+ [isStatusIcon]="statusIcon()"
80939
+ [config]="directorsCardFieldsMap"
80940
+ [configKey]="controls.AffiliationAddressType"
80941
+ [formArray]="directorsArray"
80942
+ [title]="groups.Directors"
80943
+ (visiblyValidChange)="onSectionValidChange('directors', $event)"
80944
+ >
80945
+ <p
80946
+ slot="subtitle"
80947
+ class="body-1-regular black"
80948
+ [innerHTML]="directorsSubtitle()"
80949
+ ></p>
80950
+ </expandable-list-card>
80951
+ } @else {
80952
+ <expandable-card [title]="groups.Directors">
80953
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
80954
+ </expandable-card>
80955
+ }
80956
+
80957
+ @let sharesAndProvisions = getFormGroup(groups.SharesAndProvisions);
80958
+
80959
+ @if (sharesAndProvisions) {
80960
+ <expandable-card
80961
+ [isStatusIcon]="false"
80962
+ [title]="groups.SharesAndProvisions"
80963
+ >
80964
+ <filing-form-group
80965
+ [isSubmitted]="isSubmitted()"
80966
+ [form]="sharesAndProvisions"
80967
+ [config]="sharesAndProvincesFields"
80968
+ />
80969
+ </expandable-card>
80970
+ }
80971
+
80972
+ @let isOpenIncorporators =
80973
+ (incorporatorsArray?.length ?? 0) <= initiallyOpenCardsCount;
80974
+
80975
+ @if (incorporatorsArray && incorporatorsArray.length) {
80976
+ <expandable-list-card
80977
+ [isSubmitted]="isSubmitted()"
80978
+ [isValid]="sectionValidity['incorporators']"
80979
+ [areItemsOpen]="isOpenIncorporators"
80980
+ [isStatusIcon]="statusIcon()"
80981
+ [config]="incorporatorsCardFieldsMap"
80982
+ [configKey]="controls.AffiliationAddressType"
80983
+ [formArray]="incorporatorsArray"
80984
+ [isSubmitted]="isSubmitted()"
80985
+ [title]="groups.Incorporators"
80986
+ (visiblyValidChange)="onSectionValidChange('incorporators', $event)"
80987
+ />
80988
+ } @else {
80989
+ <expandable-card [title]="groups.Incorporators">
80990
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
80991
+ </expandable-card>
80992
+ }
80993
+ </div>
80994
+ </div>
80995
80995
  `, styles: ["/* src/app/components/ontario/incorporation/ontario-incorporation-form/ontario-incorporation-form.component.scss */\n:host {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n}\n:host .incorporation-form {\n display: flex;\n height: 100%;\n flex-direction: column;\n gap: 16px;\n}\n:host .incorporation-form-content {\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n overflow: auto;\n min-height: 0;\n}\n:host .incorporation-form-content-subtitle {\n color: var(--filing-modal-color-grey);\n padding-bottom: 8px;\n}\n:host .incorporation-form-subtitle {\n color: #666666;\n}\n:host .incorporation-form-item {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n:host .incorporation-form-item-title {\n color: var(--filing-modal-color-dark-blue);\n}\n/*# sourceMappingURL=ontario-incorporation-form.component.css.map */\n"] }]
80996
80996
  }], () => [], null);
80997
80997
  })();
@@ -81097,36 +81097,36 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81097
81097
  (() => {
81098
81098
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(OntarioIncorporationDeltaFormComponent, [{
81099
81099
  type: Component,
81100
- args: [{ standalone: true, selector: "ontario-incorporation-delta-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, TranslatePipe, OntarioIncorporationFormComponent], template: `<div class="incorporation-delta-form">\r
81101
- <ontario-incorporation-form\r
81102
- class="incorporation-delta-form-content"\r
81103
- [form]="form()"\r
81104
- [task]="task()"\r
81105
- [errors]="combinedErrors()"\r
81106
- [isNote]="isNote()"\r
81107
- [isSubmitted]="submitted()"\r
81108
- [statusIcon]="true"\r
81109
- (visiblyValidChange)="onVisiblyValidChange($event)"\r
81110
- />\r
81111
- \r
81112
- <div class="incorporation-delta-form-actions">\r
81113
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
81114
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
81115
- </button>\r
81116
- <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>\r
81117
- <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
81118
- </button>\r
81119
- <button\r
81120
- class="submit"\r
81121
- color="primary"\r
81122
- mat-flat-button\r
81123
- [disabled]="actionsDisabled()"\r
81124
- (click)="onValidate()"\r
81125
- >\r
81126
- <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
81127
- </button>\r
81128
- </div>\r
81129
- </div>\r
81100
+ args: [{ standalone: true, selector: "ontario-incorporation-delta-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, TranslatePipe, OntarioIncorporationFormComponent], template: `<div class="incorporation-delta-form">
81101
+ <ontario-incorporation-form
81102
+ class="incorporation-delta-form-content"
81103
+ [form]="form()"
81104
+ [task]="task()"
81105
+ [errors]="combinedErrors()"
81106
+ [isNote]="isNote()"
81107
+ [isSubmitted]="submitted()"
81108
+ [statusIcon]="true"
81109
+ (visiblyValidChange)="onVisiblyValidChange($event)"
81110
+ />
81111
+
81112
+ <div class="incorporation-delta-form-actions">
81113
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
81114
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
81115
+ </button>
81116
+ <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>
81117
+ <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>
81118
+ </button>
81119
+ <button
81120
+ class="submit"
81121
+ color="primary"
81122
+ mat-flat-button
81123
+ [disabled]="actionsDisabled()"
81124
+ (click)="onValidate()"
81125
+ >
81126
+ <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>
81127
+ </button>
81128
+ </div>
81129
+ </div>
81130
81130
  `, styles: ["/* src/app/components/ontario/incorporation/steps/delta/ontario-incorporation-delta-form.component.scss */\n:host .incorporation-delta-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n:host .incorporation-delta-form-content {\n flex: 1;\n min-height: 0;\n}\n:host .incorporation-delta-form-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n padding-top: 16px;\n}\n:host .incorporation-delta-form-actions button {\n margin: 0;\n}\n:host .incorporation-delta-form-actions .submit {\n padding-left: 30px;\n padding-right: 30px;\n}\n/*# sourceMappingURL=ontario-incorporation-delta-form.component.css.map */\n"] }]
81131
81131
  }], null, null);
81132
81132
  })();
@@ -81203,29 +81203,29 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81203
81203
  MatButton,
81204
81204
  TranslatePipe,
81205
81205
  OntarioIncorporationFormComponent
81206
- ], template: `<div class="incorporation-preview-form">\r
81207
- <ontario-incorporation-form\r
81208
- class="incorporation-preview-form-content"\r
81209
- [form]="form()"\r
81210
- [task]="task()"\r
81211
- [statusIcon]="false"\r
81212
- />\r
81213
- \r
81214
- <div class="incorporation-preview-form-actions">\r
81215
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
81216
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
81217
- </button>\r
81218
- <button\r
81219
- class="submit"\r
81220
- color="primary"\r
81221
- mat-flat-button\r
81222
- [disabled]="actionsDisabled()"\r
81223
- (click)="next.emit()"\r
81224
- >\r
81225
- <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
81226
- </button>\r
81227
- </div>\r
81228
- </div>\r
81206
+ ], template: `<div class="incorporation-preview-form">
81207
+ <ontario-incorporation-form
81208
+ class="incorporation-preview-form-content"
81209
+ [form]="form()"
81210
+ [task]="task()"
81211
+ [statusIcon]="false"
81212
+ />
81213
+
81214
+ <div class="incorporation-preview-form-actions">
81215
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
81216
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
81217
+ </button>
81218
+ <button
81219
+ class="submit"
81220
+ color="primary"
81221
+ mat-flat-button
81222
+ [disabled]="actionsDisabled()"
81223
+ (click)="next.emit()"
81224
+ >
81225
+ <span class="body-1-semibold">{{ 'File' | translate }}</span>
81226
+ </button>
81227
+ </div>
81228
+ </div>
81229
81229
  `, styles: ["/* src/app/components/ontario/incorporation/steps/preview/ontario-incorporation-preview-form.component.scss */\n:host .incorporation-preview-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n:host .incorporation-preview-form-content {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n:host .incorporation-preview-form-item {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n:host .incorporation-preview-form-errors {\n padding: 0 16px;\n}\n:host .incorporation-preview-form-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n padding-top: 16px;\n}\n:host .incorporation-preview-form-actions button {\n margin: 0;\n}\n/*# sourceMappingURL=ontario-incorporation-preview-form.component.css.map */\n"] }]
81230
81230
  }], null, null);
81231
81231
  })();
@@ -81963,156 +81963,156 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81963
81963
  ExpandableCardComponent,
81964
81964
  ExpandableListCardComponent,
81965
81965
  TranslatePipe
81966
- ], template: `<div class="ontario-update-maintain-form">\r
81967
- @if (isNote()) {\r
81968
- <alert\r
81969
- [type]="alertType.Info"\r
81970
- title="Entity changed"\r
81971
- content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
81972
- />\r
81973
- }\r
81974
- \r
81975
- @if (errors().length) {\r
81976
- <alert\r
81977
- title="The following issues need to be resolved before proceeding:"\r
81978
- [content]="errors()"\r
81979
- />\r
81980
- }\r
81981
- \r
81982
- <div class="ontario-update-maintain-form-content">\r
81983
- <!-- ===== GENERAL INFO ===== -->\r
81984
- @let generalInfoForm = getFormGroup(groups.General);\r
81985
- @if (generalInfoForm) {\r
81986
- <expandable-card\r
81987
- [title]="groups.General"\r
81988
- [isStatusIcon]="!readonly()"\r
81989
- >\r
81990
- <filing-form-group\r
81991
- [isSubmitted]="isSubmitted()"\r
81992
- [prevData]="prevData()?.corporationInfo"\r
81993
- [form]="generalInfoForm"\r
81994
- [config]="generalCardFields"\r
81995
- [label]="groups.General"\r
81996
- (visiblyValidChange)="onSectionValidChange('generalInfo', $event)"\r
81997
- />\r
81998
- </expandable-card>\r
81999
- }\r
82000
- \r
82001
- <!-- =====REGISTERED OFFICE ADDRESS===== -->\r
82002
- @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);\r
82003
- @if (registeredOfficeAddress) {\r
82004
- <expandable-card\r
82005
- [isStatusIcon]="!readonly()"\r
82006
- [isValid]="sectionValidity['registeredOffice']"\r
82007
- [title]="groups.RegisteredOfficeAddress"\r
82008
- >\r
82009
- <filing-form-group\r
82010
- [prevData]="prevData()?.corporationInfo"\r
82011
- [isSubmitted]="isSubmitted()"\r
82012
- [form]="registeredOfficeAddress"\r
82013
- [config]="\r
82014
- addressFieldsMap[\r
82015
- registeredOfficeAddress.get(controls.AffiliationAddressType)\r
82016
- ?.value\r
82017
- ]\r
82018
- "\r
82019
- (visiblyValidChange)="\r
82020
- onSectionValidChange('registeredOffice', $event)\r
82021
- "\r
82022
- />\r
82023
- </expandable-card>\r
82024
- }\r
82025
- \r
82026
- @let directorsArray = getFormArray(groups.Directors);\r
82027
- @if (directorsArray && directorsArray.length) {\r
82028
- @let isOpen =\r
82029
- (directorsArray?.length ?? 0) <= initiallyOpenCardsCount;\r
82030
- <expandable-list-card\r
82031
- [prevData]="prevData()?.persons"\r
82032
- [isSubmitted]="isSubmitted()"\r
82033
- [isValid]="sectionValidity['directors']"\r
82034
- [areItemsOpen]="isOpen"\r
82035
- [isStatusIcon]="!readonly()"\r
82036
- [isLoading]="isLoading()"\r
82037
- [config]="directorsFieldsMap"\r
82038
- [configKey]="controls.AffiliationAddressType"\r
82039
- [formArray]="directorsArray"\r
82040
- [title]="groups.Directors"\r
82041
- (visiblyValidChange)="onSectionValidChange('directors', $event)"\r
82042
- />\r
82043
- } @else {\r
82044
- <expandable-card [title]="groups.Directors">\r
82045
- <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
82046
- </expandable-card>\r
82047
- }\r
82048
- \r
82049
- @let officersArray = getFormArray(groups.Officers);\r
82050
- \r
82051
- \r
82052
- @if (officersArray && officersArray.length) {\r
82053
- @let isOpen =\r
82054
- (officersArray?.length ?? 0) <= initiallyOpenCardsCount;\r
82055
- \r
82056
- <expandable-list-card\r
82057
- [prevData]="prevData()?.persons"\r
82058
- [isSubmitted]="isSubmitted()"\r
82059
- [areItemsOpen]="isOpen"\r
82060
- [isStatusIcon]="!readonly()"\r
82061
- [isLoading]="isLoading()"\r
82062
- [config]="officersFieldsMap"\r
82063
- [configKey]="controls.AffiliationAddressType"\r
82064
- [formArray]="officersArray"\r
82065
- [title]="groups.Officers"\r
82066
- [isValid]="sectionValidity['officers']"\r
82067
- (visiblyValidChange)="onSectionValidChange('officers', $event)"\r
82068
- />\r
82069
- } @else {\r
82070
- <expandable-card [title]="groups.Officers">\r
82071
- <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
82072
- </expandable-card>\r
82073
- }\r
82074
- \r
82075
- @let certifiedBy = getFormGroup(groups.CertifiedBy);\r
82076
- <expandable-card\r
82077
- [isStatusIcon]="!readonly()"\r
82078
- [isValid]="certifiedBy ? sectionValidity['certifiedBy'] : true"\r
82079
- [title]="groups.CertifiedBy"\r
82080
- >\r
82081
- @if (certifiedBy) {\r
82082
- <filing-form-group\r
82083
- [prevData]="prevData()?.corporationInfo"\r
82084
- [isSubmitted]="isSubmitted()"\r
82085
- [form]="certifiedBy"\r
82086
- [config]="\r
82087
- certifiedByFieldsMap[\r
82088
- certifiedBy.get(controls.AffiliationAddressType)?.value\r
82089
- ]\r
82090
- "\r
82091
- (visiblyValidChange)="onSectionValidChange('certifiedBy', $event)"\r
82092
- />\r
82093
- } @else {\r
82094
- <h2 class="body-1-regular">{{ 'Not specified' | translate }}</h2>\r
82095
- }\r
82096
- \r
82097
- </expandable-card>\r
82098
- \r
82099
- @let contact = getFormGroup(groups.Contact);\r
82100
- @if (contact) {\r
82101
- <expandable-card\r
82102
- [isStatusIcon]="!readonly()"\r
82103
- [isValid]="sectionValidity['contact']"\r
82104
- [title]="groups.Contact"\r
82105
- >\r
82106
- <filing-form-group\r
82107
- [isSubmitted]="isSubmitted()"\r
82108
- [form]="contact"\r
82109
- [config]="contactsFields"\r
82110
- (visiblyValidChange)="onSectionValidChange('contact', $event)"\r
82111
- />\r
82112
- </expandable-card>\r
82113
- }\r
82114
- </div>\r
82115
- </div>\r
81966
+ ], template: `<div class="ontario-update-maintain-form">
81967
+ @if (isNote()) {
81968
+ <alert
81969
+ [type]="alertType.Info"
81970
+ title="Entity changed"
81971
+ content="A new draft needs to be generated as the Entity was changed since the last draft was produced."
81972
+ />
81973
+ }
81974
+
81975
+ @if (errors().length) {
81976
+ <alert
81977
+ title="The following issues need to be resolved before proceeding:"
81978
+ [content]="errors()"
81979
+ />
81980
+ }
81981
+
81982
+ <div class="ontario-update-maintain-form-content">
81983
+ <!-- ===== GENERAL INFO ===== -->
81984
+ @let generalInfoForm = getFormGroup(groups.General);
81985
+ @if (generalInfoForm) {
81986
+ <expandable-card
81987
+ [title]="groups.General"
81988
+ [isStatusIcon]="!readonly()"
81989
+ >
81990
+ <filing-form-group
81991
+ [isSubmitted]="isSubmitted()"
81992
+ [prevData]="prevData()?.corporationInfo"
81993
+ [form]="generalInfoForm"
81994
+ [config]="generalCardFields"
81995
+ [label]="groups.General"
81996
+ (visiblyValidChange)="onSectionValidChange('generalInfo', $event)"
81997
+ />
81998
+ </expandable-card>
81999
+ }
82000
+
82001
+ <!-- =====REGISTERED OFFICE ADDRESS===== -->
82002
+ @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);
82003
+ @if (registeredOfficeAddress) {
82004
+ <expandable-card
82005
+ [isStatusIcon]="!readonly()"
82006
+ [isValid]="sectionValidity['registeredOffice']"
82007
+ [title]="groups.RegisteredOfficeAddress"
82008
+ >
82009
+ <filing-form-group
82010
+ [prevData]="prevData()?.corporationInfo"
82011
+ [isSubmitted]="isSubmitted()"
82012
+ [form]="registeredOfficeAddress"
82013
+ [config]="
82014
+ addressFieldsMap[
82015
+ registeredOfficeAddress.get(controls.AffiliationAddressType)
82016
+ ?.value
82017
+ ]
82018
+ "
82019
+ (visiblyValidChange)="
82020
+ onSectionValidChange('registeredOffice', $event)
82021
+ "
82022
+ />
82023
+ </expandable-card>
82024
+ }
82025
+
82026
+ @let directorsArray = getFormArray(groups.Directors);
82027
+ @if (directorsArray && directorsArray.length) {
82028
+ @let isOpen =
82029
+ (directorsArray?.length ?? 0) <= initiallyOpenCardsCount;
82030
+ <expandable-list-card
82031
+ [prevData]="prevData()?.persons"
82032
+ [isSubmitted]="isSubmitted()"
82033
+ [isValid]="sectionValidity['directors']"
82034
+ [areItemsOpen]="isOpen"
82035
+ [isStatusIcon]="!readonly()"
82036
+ [isLoading]="isLoading()"
82037
+ [config]="directorsFieldsMap"
82038
+ [configKey]="controls.AffiliationAddressType"
82039
+ [formArray]="directorsArray"
82040
+ [title]="groups.Directors"
82041
+ (visiblyValidChange)="onSectionValidChange('directors', $event)"
82042
+ />
82043
+ } @else {
82044
+ <expandable-card [title]="groups.Directors">
82045
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
82046
+ </expandable-card>
82047
+ }
82048
+
82049
+ @let officersArray = getFormArray(groups.Officers);
82050
+
82051
+
82052
+ @if (officersArray && officersArray.length) {
82053
+ @let isOpen =
82054
+ (officersArray?.length ?? 0) <= initiallyOpenCardsCount;
82055
+
82056
+ <expandable-list-card
82057
+ [prevData]="prevData()?.persons"
82058
+ [isSubmitted]="isSubmitted()"
82059
+ [areItemsOpen]="isOpen"
82060
+ [isStatusIcon]="!readonly()"
82061
+ [isLoading]="isLoading()"
82062
+ [config]="officersFieldsMap"
82063
+ [configKey]="controls.AffiliationAddressType"
82064
+ [formArray]="officersArray"
82065
+ [title]="groups.Officers"
82066
+ [isValid]="sectionValidity['officers']"
82067
+ (visiblyValidChange)="onSectionValidChange('officers', $event)"
82068
+ />
82069
+ } @else {
82070
+ <expandable-card [title]="groups.Officers">
82071
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
82072
+ </expandable-card>
82073
+ }
82074
+
82075
+ @let certifiedBy = getFormGroup(groups.CertifiedBy);
82076
+ <expandable-card
82077
+ [isStatusIcon]="!readonly()"
82078
+ [isValid]="certifiedBy ? sectionValidity['certifiedBy'] : true"
82079
+ [title]="groups.CertifiedBy"
82080
+ >
82081
+ @if (certifiedBy) {
82082
+ <filing-form-group
82083
+ [prevData]="prevData()?.corporationInfo"
82084
+ [isSubmitted]="isSubmitted()"
82085
+ [form]="certifiedBy"
82086
+ [config]="
82087
+ certifiedByFieldsMap[
82088
+ certifiedBy.get(controls.AffiliationAddressType)?.value
82089
+ ]
82090
+ "
82091
+ (visiblyValidChange)="onSectionValidChange('certifiedBy', $event)"
82092
+ />
82093
+ } @else {
82094
+ <h2 class="body-1-regular">{{ 'Not specified' | translate }}</h2>
82095
+ }
82096
+
82097
+ </expandable-card>
82098
+
82099
+ @let contact = getFormGroup(groups.Contact);
82100
+ @if (contact) {
82101
+ <expandable-card
82102
+ [isStatusIcon]="!readonly()"
82103
+ [isValid]="sectionValidity['contact']"
82104
+ [title]="groups.Contact"
82105
+ >
82106
+ <filing-form-group
82107
+ [isSubmitted]="isSubmitted()"
82108
+ [form]="contact"
82109
+ [config]="contactsFields"
82110
+ (visiblyValidChange)="onSectionValidChange('contact', $event)"
82111
+ />
82112
+ </expandable-card>
82113
+ }
82114
+ </div>
82115
+ </div>
82116
82116
  `, styles: ["/* src/app/components/ontario/update-maintain/update-maintain-form/update-maintain-form.component.scss */\n:host {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n}\n:host .ontario-update-maintain-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n:host .ontario-update-maintain-form-content {\n display: flex;\n flex-direction: column;\n gap: 24px;\n flex: 1;\n overflow-y: auto;\n min-height: 0;\n}\n:host .ontario-update-maintain-form-section {\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n:host .ontario-update-maintain-form-section-title {\n font-size: 14px;\n font-weight: 600;\n color: var(--filing-modal-color-dark-blue, #1a2e5a);\n margin: 0;\n padding-bottom: 8px;\n border-bottom: 1px solid var(--color-border, #e0e0e0);\n}\n:host .ontario-update-maintain-form-principal {\n padding: 12px 0;\n border-bottom: 1px solid var(--color-border, #e0e0e0);\n}\n:host .ontario-update-maintain-form-principal:last-child {\n border-bottom: none;\n}\n/*# sourceMappingURL=update-maintain-form.component.css.map */\n"] }]
82117
82117
  }], () => [], null);
82118
82118
  })();
@@ -82227,39 +82227,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
82227
82227
  MatButton,
82228
82228
  TranslatePipe,
82229
82229
  OntarioUpdateMaintainFormComponent
82230
- ], template: `<div class="ontario-update-maintain-delta-form">\r
82231
- <ontario-update-maintain-form\r
82232
- class="ontario-update-maintain-delta-form-content"\r
82233
- [form]="form()"\r
82234
- [task]="task()"\r
82235
- [errors]="combinedErrors()"\r
82236
- [isNote]="isNote()"\r
82237
- [isSubmitted]="submitted()"\r
82238
- [readonly]="false"\r
82239
- [prevData]="prevData()"\r
82240
- [isLoading]="!prevData()"\r
82241
- (visiblyValidChange)="onVisiblyValidChange($event)"\r
82242
- />\r
82243
- \r
82244
- <div class="ontario-update-maintain-delta-form-actions">\r
82245
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
82246
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
82247
- </button>\r
82248
- <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>\r
82249
- <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
82250
- </button>\r
82251
- <button\r
82252
- class="submit"\r
82253
- color="primary"\r
82254
- mat-flat-button\r
82255
- [disabled]="actionsDisabled()"\r
82256
- (click)="onValidate()"\r
82257
- >\r
82258
- <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
82259
- </button>\r
82260
- </div>\r
82261
- </div>\r
82262
- \r
82230
+ ], template: `<div class="ontario-update-maintain-delta-form">
82231
+ <ontario-update-maintain-form
82232
+ class="ontario-update-maintain-delta-form-content"
82233
+ [form]="form()"
82234
+ [task]="task()"
82235
+ [errors]="combinedErrors()"
82236
+ [isNote]="isNote()"
82237
+ [isSubmitted]="submitted()"
82238
+ [readonly]="false"
82239
+ [prevData]="prevData()"
82240
+ [isLoading]="!prevData()"
82241
+ (visiblyValidChange)="onVisiblyValidChange($event)"
82242
+ />
82243
+
82244
+ <div class="ontario-update-maintain-delta-form-actions">
82245
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
82246
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
82247
+ </button>
82248
+ <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>
82249
+ <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>
82250
+ </button>
82251
+ <button
82252
+ class="submit"
82253
+ color="primary"
82254
+ mat-flat-button
82255
+ [disabled]="actionsDisabled()"
82256
+ (click)="onValidate()"
82257
+ >
82258
+ <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>
82259
+ </button>
82260
+ </div>
82261
+ </div>
82262
+
82263
82263
  `, styles: ["/* src/app/components/ontario/update-maintain/steps/delta/update-maintain-delta-form.component.scss */\n:host .ontario-update-maintain-delta-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n:host .ontario-update-maintain-delta-form-content {\n flex: 1;\n min-height: 0;\n}\n:host .ontario-update-maintain-delta-form-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n padding-top: 16px;\n}\n:host .ontario-update-maintain-delta-form-actions button {\n margin: 0;\n}\n:host .ontario-update-maintain-delta-form-actions .submit {\n padding-left: 30px;\n padding-right: 30px;\n}\n/*# sourceMappingURL=update-maintain-delta-form.component.css.map */\n"] }]
82264
82264
  }], null, null);
82265
82265
  })();
@@ -82334,32 +82334,32 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
82334
82334
  MatButton,
82335
82335
  OntarioUpdateMaintainFormComponent,
82336
82336
  TranslatePipe
82337
- ], template: `<div class="ontario-update-maintain-preview-form">\r
82338
- <ontario-update-maintain-form\r
82339
- class="ontario-update-maintain-preview-form-content"\r
82340
- [form]="form()"\r
82341
- [task]="task()"\r
82342
- [errors]="errors()"\r
82343
- [isSubmitted]="false"\r
82344
- [readonly]="false"\r
82345
- />\r
82346
- \r
82347
- <div class="ontario-update-maintain-preview-form-actions">\r
82348
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
82349
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
82350
- </button>\r
82351
- <button\r
82352
- class="submit"\r
82353
- color="primary"\r
82354
- mat-flat-button\r
82355
- [disabled]="actionsDisabled()"\r
82356
- (click)="file.emit()"\r
82357
- >\r
82358
- <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
82359
- </button>\r
82360
- </div>\r
82361
- </div>\r
82362
- \r
82337
+ ], template: `<div class="ontario-update-maintain-preview-form">
82338
+ <ontario-update-maintain-form
82339
+ class="ontario-update-maintain-preview-form-content"
82340
+ [form]="form()"
82341
+ [task]="task()"
82342
+ [errors]="errors()"
82343
+ [isSubmitted]="false"
82344
+ [readonly]="false"
82345
+ />
82346
+
82347
+ <div class="ontario-update-maintain-preview-form-actions">
82348
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
82349
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
82350
+ </button>
82351
+ <button
82352
+ class="submit"
82353
+ color="primary"
82354
+ mat-flat-button
82355
+ [disabled]="actionsDisabled()"
82356
+ (click)="file.emit()"
82357
+ >
82358
+ <span class="body-1-semibold">{{ 'File' | translate }}</span>
82359
+ </button>
82360
+ </div>
82361
+ </div>
82362
+
82363
82363
  `, styles: ["/* src/app/components/ontario/update-maintain/steps/preview/update-maintain-preview-form.component.scss */\n:host .ontario-update-maintain-preview-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n:host .ontario-update-maintain-preview-form-content {\n flex: 1;\n min-height: 0;\n}\n:host .ontario-update-maintain-preview-form-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n padding-top: 16px;\n}\n:host .ontario-update-maintain-preview-form-actions button {\n margin: 0;\n}\n:host .ontario-update-maintain-preview-form-actions .submit {\n padding-left: 30px;\n padding-right: 30px;\n}\n/*# sourceMappingURL=update-maintain-preview-form.component.css.map */\n"] }]
82364
82364
  }], null, null);
82365
82365
  })();
@@ -82868,7 +82868,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
82868
82868
  OntarioIncorporationDeltaFormComponent,
82869
82869
  OntarioIncorporationPreviewFormComponent,
82870
82870
  TermsAndConditionsComponent
82871
- ], template: '@let taskData = this.task();\r\n\r\n@if (isFormationTask(taskData)) {\r\n @if (activeStep() === steps.Validate) {\r\n <ontario-incorporation-delta-form\r\n [task]="taskData"\r\n [errors]="errors()"\r\n [isNote]="isNote()"\r\n [actionsDisabled]="actionsDisabled()"\r\n [form]="deltaForm()"\r\n (validate)="onFormationValidate()"\r\n (close)="onClose()"\r\n (save)="onFormationSave()"\r\n />\r\n }\r\n\r\n @if (activeStep() === steps.FilingPreview) {\r\n <ontario-incorporation-preview-form\r\n [task]="taskData"\r\n [form]="previewForm()"\r\n [actionsDisabled]="actionsDisabled()"\r\n (next)="nextStep.emit()"\r\n (close)="close.emit()"\r\n />\r\n }\r\n\r\n @if (activeStep() === steps.TermsAndConditions) {\r\n <terms-and-conditions\r\n [errors]="errors()"\r\n (prev)="prevStep.emit()"\r\n (close)="close.emit()"\r\n (confirm)="onFormationSubmit($event)"\r\n />\r\n }\r\n}\r\n\r\n@if (isInitialReturnTask(task())) {\r\n @if (activeStep() === steps.Validate) {\r\n <ontario-update-maintain-delta-form\r\n [task]="$any(task())"\r\n [form]="deltaForm()"\r\n [actionsDisabled]="actionsDisabled()"\r\n [prevData]="prevData()"\r\n [errors]="errors()"\r\n [isNote]="isNote()"\r\n (validate)="onInitialReturnValidate()"\r\n (close)="onClose()"\r\n (save)="onInitialReturnSave()"\r\n />\r\n }\r\n\r\n @if (activeStep() === steps.FilingPreview) {\r\n <ontario-update-maintain-preview-form\r\n [task]="$any(task())"\r\n [form]="previewForm()"\r\n [actionsDisabled]="actionsDisabled()"\r\n [errors]="errors()"\r\n (close)="close.emit()"\r\n (file)="nextStep.emit()"\r\n />\r\n }\r\n\r\n @if (activeStep() === steps.TermsAndConditions) {\r\n <terms-and-conditions\r\n [errors]="errors()"\r\n (prev)="prevStep.emit()"\r\n (close)="close.emit()"\r\n (confirm)="onIrSubmit($event)"\r\n />\r\n }\r\n}\r\n', styles: ["/* src/app/components/ontario/ontario.component.scss */\n:host {\n display: contents;\n}\n/*# sourceMappingURL=ontario.component.css.map */\n"] }]
82871
+ ], template: '@let taskData = this.task();\n\n@if (isFormationTask(taskData)) {\n @if (activeStep() === steps.Validate) {\n <ontario-incorporation-delta-form\n [task]="taskData"\n [errors]="errors()"\n [isNote]="isNote()"\n [actionsDisabled]="actionsDisabled()"\n [form]="deltaForm()"\n (validate)="onFormationValidate()"\n (close)="onClose()"\n (save)="onFormationSave()"\n />\n }\n\n @if (activeStep() === steps.FilingPreview) {\n <ontario-incorporation-preview-form\n [task]="taskData"\n [form]="previewForm()"\n [actionsDisabled]="actionsDisabled()"\n (next)="nextStep.emit()"\n (close)="close.emit()"\n />\n }\n\n @if (activeStep() === steps.TermsAndConditions) {\n <terms-and-conditions\n [errors]="errors()"\n (prev)="prevStep.emit()"\n (close)="close.emit()"\n (confirm)="onFormationSubmit($event)"\n />\n }\n}\n\n@if (isInitialReturnTask(task())) {\n @if (activeStep() === steps.Validate) {\n <ontario-update-maintain-delta-form\n [task]="$any(task())"\n [form]="deltaForm()"\n [actionsDisabled]="actionsDisabled()"\n [prevData]="prevData()"\n [errors]="errors()"\n [isNote]="isNote()"\n (validate)="onInitialReturnValidate()"\n (close)="onClose()"\n (save)="onInitialReturnSave()"\n />\n }\n\n @if (activeStep() === steps.FilingPreview) {\n <ontario-update-maintain-preview-form\n [task]="$any(task())"\n [form]="previewForm()"\n [actionsDisabled]="actionsDisabled()"\n [errors]="errors()"\n (close)="close.emit()"\n (file)="nextStep.emit()"\n />\n }\n\n @if (activeStep() === steps.TermsAndConditions) {\n <terms-and-conditions\n [errors]="errors()"\n (prev)="prevStep.emit()"\n (close)="close.emit()"\n (confirm)="onIrSubmit($event)"\n />\n }\n}\n', styles: ["/* src/app/components/ontario/ontario.component.scss */\n:host {\n display: contents;\n}\n/*# sourceMappingURL=ontario.component.css.map */\n"] }]
82872
82872
  }], () => [], null);
82873
82873
  })();
82874
82874
  (() => {
@@ -83970,39 +83970,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
83970
83970
  (() => {
83971
83971
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SelectModalComponent, [{
83972
83972
  type: Component,
83973
- args: [{ standalone: true, selector: "add-documents-modal", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, MatDialogModule, MatIconModule, TranslatePipe, MatCheckbox], template: `<div class="add-documents-modal">\r
83974
- <div class="add-documents-modal-header">\r
83975
- <h2 class="grey">{{ dialogData.title | translate }}</h2>\r
83976
- </div>\r
83977
- \r
83978
- <div class="add-documents-modal-list">\r
83979
- @for (doc of dialogData.items; track doc) {\r
83980
- <div (click)="toggleDocument(doc)" class="add-documents-modal-list-item">\r
83981
- <mat-checkbox [checked]="isSelected(doc)"/>\r
83982
- <span class="body-1-regular">{{ doc }}</span>\r
83983
- </div>\r
83984
- }\r
83985
- </div>\r
83986
- \r
83987
- <div class="add-documents-modal-actions">\r
83988
- <button\r
83989
- mat-stroked-button mat-button\r
83990
- (click)="closeModal()"\r
83991
- >\r
83992
- <span class="body-1-semibold">{{ 'Cancel' | translate }}</span>\r
83993
- </button>\r
83994
- \r
83995
- <button\r
83996
- class="submit"\r
83997
- mat-flat-button\r
83998
- [disabled]="!hasSelection()"\r
83999
- (click)="addSelectedDocuments()"\r
84000
- >\r
84001
- <span class="body-1-semibold">{{ dialogData.submitButton | translate }}</span>\r
84002
- </button>\r
84003
- </div>\r
84004
- \r
84005
- </div>\r
83973
+ args: [{ standalone: true, selector: "add-documents-modal", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, MatDialogModule, MatIconModule, TranslatePipe, MatCheckbox], template: `<div class="add-documents-modal">
83974
+ <div class="add-documents-modal-header">
83975
+ <h2 class="grey">{{ dialogData.title | translate }}</h2>
83976
+ </div>
83977
+
83978
+ <div class="add-documents-modal-list">
83979
+ @for (doc of dialogData.items; track doc) {
83980
+ <div (click)="toggleDocument(doc)" class="add-documents-modal-list-item">
83981
+ <mat-checkbox [checked]="isSelected(doc)"/>
83982
+ <span class="body-1-regular">{{ doc }}</span>
83983
+ </div>
83984
+ }
83985
+ </div>
83986
+
83987
+ <div class="add-documents-modal-actions">
83988
+ <button
83989
+ mat-stroked-button mat-button
83990
+ (click)="closeModal()"
83991
+ >
83992
+ <span class="body-1-semibold">{{ 'Cancel' | translate }}</span>
83993
+ </button>
83994
+
83995
+ <button
83996
+ class="submit"
83997
+ mat-flat-button
83998
+ [disabled]="!hasSelection()"
83999
+ (click)="addSelectedDocuments()"
84000
+ >
84001
+ <span class="body-1-semibold">{{ dialogData.submitButton | translate }}</span>
84002
+ </button>
84003
+ </div>
84004
+
84005
+ </div>
84006
84006
  `, styles: ['/* src/app/components/federal/components/select-modal/select-modal.component.scss */\n.filling {\n height: 100%;\n overflow: hidden;\n}\n* {\n box-sizing: border-box;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n}\n.filling {\n margin: 0;\n font-family: "Helvetica Neue", sans-serif;\n}\n.filing {\n --app-font-family:\n -apple-system,\n BlinkMacSystemFont,\n "Helvetica Neue",\n Helvetica,\n Arial,\n sans-serif;\n --mat-sys-background: #faf9fd;\n --mat-sys-error: #ba1a1a;\n --mat-sys-error-container: #ffdad6;\n --mat-sys-inverse-on-surface: #f2f0f4;\n --mat-sys-inverse-primary: #abc7ff;\n --mat-sys-inverse-surface: #2f3033;\n --mat-sys-on-background: #1a1b1f;\n --mat-sys-on-error: #ffffff;\n --mat-sys-on-error-container: #93000a;\n --mat-sys-on-primary: #ffffff;\n --mat-sys-on-primary-container: #00458f;\n --mat-sys-on-primary-fixed: #001b3f;\n --mat-sys-on-primary-fixed-variant: #00458f;\n --mat-sys-on-secondary: #ffffff;\n --mat-sys-on-secondary-container: #3e4759;\n --mat-sys-on-secondary-fixed: #131c2b;\n --mat-sys-on-secondary-fixed-variant: #3e4759;\n --mat-sys-on-surface: #1a1b1f;\n --mat-sys-on-surface-variant: var(--filing-modal-color-grey);\n --mat-sys-on-tertiary: #ffffff;\n --mat-sys-on-tertiary-container: #0000ef;\n --mat-sys-on-tertiary-fixed: #00006e;\n --mat-sys-on-tertiary-fixed-variant: #0000ef;\n --mat-sys-outline: #74777f;\n --mat-sys-outline-variant: #c4c6d0;\n --mat-sys-primary: #3778e4;\n --mat-sys-primary-container: #d7e3ff;\n --mat-sys-primary-fixed: #d7e3ff;\n --mat-sys-primary-fixed-dim: #abc7ff;\n --mat-sys-scrim: #000000;\n --mat-sys-secondary: #565e71;\n --mat-sys-secondary-container: #dae2f9;\n --mat-sys-secondary-fixed: #dae2f9;\n --mat-sys-secondary-fixed-dim: #bec6dc;\n --mat-sys-shadow: #000000;\n --mat-sys-surface: #faf9fd;\n --mat-sys-surface-bright: #faf9fd;\n --mat-sys-surface-container: #efedf0;\n --mat-sys-surface-container-high: #e9e7eb;\n --mat-sys-surface-container-highest: #e3e2e6;\n --mat-sys-surface-container-low: #f4f3f6;\n --mat-sys-surface-container-lowest: #ffffff;\n --mat-sys-surface-dim: #dbd9dd;\n --mat-sys-surface-tint: #005cbb;\n --mat-sys-surface-variant: #e0e2ec;\n --mat-sys-tertiary: #343dff;\n --mat-sys-tertiary-container: #e0e0ff;\n --mat-sys-tertiary-fixed: #e0e0ff;\n --mat-sys-tertiary-fixed-dim: #bec2ff;\n --mat-sys-neutral-variant20: #2d3038;\n --mat-sys-neutral10: #1a1b1f;\n --mdc-filled-button-container-height: 35px;\n --mdc-outlined-button-container-height: 35px;\n --mdc-text-button-label-text-color: #808090;\n --mdc-filled-button-label-text-weight: 600;\n --mdc-text-button-label-text-weight: 600;\n --mdc-filled-button-container-shape: 4px;\n --mdc-outlined-button-outline-color: none;\n --mdc-outlined-button-container-shape: 6px;\n --mat-sys-level0:\n 0px 0px 0px 0px rgba(0, 0, 0, 0.2),\n 0px 0px 0px 0px rgba(0, 0, 0, 0.14),\n 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level1:\n 0px 2px 1px -1px rgba(0, 0, 0, 0.2),\n 0px 1px 1px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level2:\n 0px 3px 3px -2px rgba(0, 0, 0, 0.2),\n 0px 3px 4px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 8px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level3:\n 0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level4:\n 0px 5px 5px -3px rgba(0, 0, 0, 0.2),\n 0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n --mat-sys-level5:\n 0px 7px 8px -4px rgba(0, 0, 0, 0.2),\n 0px 12px 17px 2px rgba(0, 0, 0, 0.14),\n 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n --mdc-outlined-button-label-text-size: 14px;\n --mdc-filled-button-label-text-size: 14px;\n --mdc-filled-text-field-label-text-size: 16px;\n --mat-sys-body-large: 400 1rem / 1.5rem var(--app-font-family);\n --mat-sys-body-large-font: var(--app-font-family);\n --mat-sys-body-large-line-height: 1.5rem;\n --mat-sys-body-large-size: 14px;\n --mat-sys-body-large-tracking: 0.031rem;\n --mat-sys-body-large-weight: 400;\n --mat-sys-body-medium: 400 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-body-medium-font: var(--app-font-family);\n --mat-sys-body-medium-line-height: 1.25rem;\n --mat-sys-body-medium-size: 0.875rem;\n --mat-sys-body-medium-tracking: 0.016rem;\n --mat-sys-body-medium-weight: 400;\n --mat-sys-body-small: 400 0.75rem / 1rem var(--app-font-family);\n --mat-sys-body-small-font: var(--app-font-family);\n --mat-sys-body-small-line-height: 1rem;\n --mat-sys-body-small-size: 0.75rem;\n --mat-sys-body-small-tracking: 0.025rem;\n --mat-sys-body-small-weight: 400;\n --mat-sys-display-large: 400 3.562rem / 4rem var(--app-font-family);\n --mat-sys-display-large-font: var(--app-font-family);\n --mat-sys-display-large-line-height: 4rem;\n --mat-sys-display-large-size: 3.562rem;\n --mat-sys-display-large-tracking: -0.016rem;\n --mat-sys-display-large-weight: 400;\n --mat-sys-display-medium: 400 2.812rem / 3.25rem var(--app-font-family);\n --mat-sys-display-medium-font: var(--app-font-family);\n --mat-sys-display-medium-line-height: 3.25rem;\n --mat-sys-display-medium-size: 2.812rem;\n --mat-sys-display-medium-tracking: 0;\n --mat-sys-display-medium-weight: 400;\n --mat-sys-display-small: 400 2.25rem / 2.75rem var(--app-font-family);\n --mat-sys-display-small-font: var(--app-font-family);\n --mat-sys-display-small-line-height: 2.75rem;\n --mat-sys-display-small-size: 2.25rem;\n --mat-sys-display-small-tracking: 0;\n --mat-sys-display-small-weight: 400;\n --mat-sys-headline-large: 400 2rem / 2.5rem var(--app-font-family);\n --mat-sys-headline-large-font: var(--app-font-family);\n --mat-sys-headline-large-line-height: 2.5rem;\n --mat-sys-headline-large-size: 2rem;\n --mat-sys-headline-large-tracking: 0;\n --mat-sys-headline-large-weight: 400;\n --mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--app-font-family);\n --mat-sys-headline-medium-font: var(--app-font-family);\n --mat-sys-headline-medium-line-height: 2.25rem;\n --mat-sys-headline-medium-size: 1.75rem;\n --mat-sys-headline-medium-tracking: 0;\n --mat-sys-headline-medium-weight: 400;\n --mat-sys-headline-small: 400 1.5rem / 2rem var(--app-font-family);\n --mat-sys-headline-small-font: var(--app-font-family);\n --mat-sys-headline-small-line-height: 2rem;\n --mat-sys-headline-small-size: 1.5rem;\n --mat-sys-headline-small-tracking: 0;\n --mat-sys-headline-small-weight: 400;\n --mat-sys-label-large: 500 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-label-large-font: var(--app-font-family);\n --mat-sys-label-large-line-height: 1.25rem;\n --mat-sys-label-large-size: 0.875rem;\n --mat-sys-label-large-tracking: 0.006rem;\n --mat-sys-label-large-weight: 500;\n --mat-sys-label-large-weight-prominent: 700;\n --mat-sys-label-medium: 500 0.75rem / 1rem var(--app-font-family);\n --mat-sys-label-medium-font: var(--app-font-family);\n --mat-sys-label-medium-line-height: 1rem;\n --mat-sys-label-medium-size: 0.75rem;\n --mat-sys-label-medium-tracking: 0.031rem;\n --mat-sys-label-medium-weight: 500;\n --mat-sys-label-medium-weight-prominent: 700;\n --mat-sys-label-small: 500 0.688rem / 1rem var(--app-font-family);\n --mat-sys-label-small-font: var(--app-font-family);\n --mat-sys-label-small-line-height: 1rem;\n --mat-sys-label-small-size: 0.688rem;\n --mat-sys-label-small-tracking: 0.031rem;\n --mat-sys-label-small-weight: 500;\n --mat-sys-title-large: 400 1.375rem / 1.75rem var(--app-font-family);\n --mat-sys-title-large-font: var(--app-font-family);\n --mat-sys-title-large-line-height: 1.75rem;\n --mat-sys-title-large-size: 1.375rem;\n --mat-sys-title-large-tracking: 0;\n --mat-sys-title-large-weight: 400;\n --mat-sys-title-medium: 500 1rem / 1.5rem var(--app-font-family);\n --mat-sys-title-medium-font: var(--app-font-family);\n --mat-sys-title-medium-line-height: 1.5rem;\n --mat-sys-title-medium-size: 1rem;\n --mat-sys-title-medium-tracking: 0.009rem;\n --mat-sys-title-medium-weight: 500;\n --mat-sys-title-small: 500 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-title-small-font: var(--app-font-family);\n --mat-sys-title-small-line-height: 1.25rem;\n --mat-sys-title-small-size: 0.875rem;\n --mat-sys-title-small-tracking: 0.006rem;\n --mat-sys-title-small-weight: 500;\n --mat-sys-corner-extra-large: 28px;\n --mat-sys-corner-extra-large-top: 28px 28px 0 0;\n --mat-sys-corner-extra-small: 4px;\n --mat-sys-corner-extra-small-top: 4px 4px 0 0;\n --mat-sys-corner-full: 9999px;\n --mat-sys-corner-large: 16px;\n --mat-sys-corner-large-end: 0 16px 16px 0;\n --mat-sys-corner-large-start: 16px 0 0 16px;\n --mat-sys-corner-large-top: 16px 16px 0 0;\n --mat-sys-corner-medium: 12px;\n --mat-sys-corner-none: 0;\n --mat-sys-corner-small: 8px;\n --mat-sys-dragged-state-layer-opacity: 0.16;\n --mat-sys-focus-state-layer-opacity: 0.12;\n --mat-sys-hover-state-layer-opacity: 0.08;\n --mat-sys-pressed-state-layer-opacity: 0.12;\n}\n.filing .mat-primary .mat-pseudo-checkbox-checked,\n.filing .mat-primary .mat-pseudo-checkbox-indeterminate {\n background: transparent !important;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox {\n width: 24px;\n height: 24px;\n flex-basis: 24px;\n padding: 0;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n width: 24px;\n height: 24px;\n border-radius: 6px;\n top: 0;\n left: 0;\n border: 3px solid var(--filing-modal-color-grey);\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__checkmark {\n height: 20px;\n width: 20px;\n font-size: 20px;\n top: 1px;\n left: 1px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n.filing .mat-mdc-checkbox[cardView] .mat-ripple {\n display: none;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-label {\n padding-left: 8px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-button__label {\n line-height: 10px;\n}\n:host {\n --filing-modal-color-grey: #444444;\n --filing-modal-color-dark-blue: #485673;\n --filing-modal-color-grey-mid: #A0A0A0;\n --filing-modal-color-light-blue: #3778E4;\n --filing-modal-color-black: #444444;\n}\nmat-icon {\n font-family: "Material Icons" !important;\n font-size: 20px;\n height: 20px;\n width: 20px;\n line-height: 20px;\n}\nh1 {\n font-size: 24px;\n line-height: 28px;\n font-weight: 700;\n font-family: "Open Sans";\n margin: 0;\n}\nh2 {\n font-size: 22px;\n line-height: 26px;\n font-weight: 600;\n font-family: "Open Sans";\n margin: 0;\n}\nh3 {\n font-size: 18px;\n font-weight: 600;\n font-family: "Open Sans";\n margin-top: 0;\n margin-bottom: 0;\n}\nh4 {\n font-size: 16px;\n line-height: 22px;\n font-weight: 600;\n font-family: "Open Sans";\n margin: 0;\n}\nh4 {\n font-size: 16px;\n line-height: 20px;\n font-weight: 600;\n font-family: "Open Sans";\n margin: 0;\n}\n.body-1-regular {\n line-height: 20px;\n font-size: 14px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-1-bold {\n line-height: 20px;\n font-size: 14px !important;\n font-weight: 700;\n font-family: "Open Sans";\n}\n.body-1-semibold {\n line-height: 20px;\n font-size: 14px !important;\n font-weight: 600;\n font-family: "Open Sans";\n}\n.body-2-regular {\n line-height: 20px;\n font-size: 12px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-2-bold {\n line-height: 20px;\n font-size: 12px !important;\n font-weight: 700;\n font-family: "Open Sans";\n}\n.body-3-regular {\n line-height: 20px;\n font-size: 16px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-4-regular {\n line-height: 18px;\n font-size: 18px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-4-bold {\n line-height: 20px;\n font-size: 20px !important;\n font-weight: 700;\n font-family: "Open Sans";\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n margin: 0;\n}\n.black {\n color: var(--filing-modal-color-black);\n}\n.grey {\n color: var(--filing-modal-color-grey);\n}\n.dark-blue {\n color: var(--filing-modal-color-dark-blue);\n}\n.grey-mid {\n color: var(--filing-modal-color-grey-mid);\n}\n.light-blue {\n color: var(--filing-modal-color-light-blue);\n}\n:host ::ng-deep {\n --app-font-family:\n -apple-system,\n BlinkMacSystemFont,\n "Helvetica Neue",\n Helvetica,\n Arial,\n sans-serif;\n --mat-sys-background: #faf9fd;\n --mat-sys-error: #ba1a1a;\n --mat-sys-error-container: #ffdad6;\n --mat-sys-inverse-on-surface: #f2f0f4;\n --mat-sys-inverse-primary: #abc7ff;\n --mat-sys-inverse-surface: #2f3033;\n --mat-sys-on-background: #1a1b1f;\n --mat-sys-on-error: #ffffff;\n --mat-sys-on-error-container: #93000a;\n --mat-sys-on-primary: #ffffff;\n --mat-sys-on-primary-container: #00458f;\n --mat-sys-on-primary-fixed: #001b3f;\n --mat-sys-on-primary-fixed-variant: #00458f;\n --mat-sys-on-secondary: #ffffff;\n --mat-sys-on-secondary-container: #3e4759;\n --mat-sys-on-secondary-fixed: #131c2b;\n --mat-sys-on-secondary-fixed-variant: #3e4759;\n --mat-sys-on-surface: #1a1b1f;\n --mat-sys-on-surface-variant: var(--filing-modal-color-grey);\n --mat-sys-on-tertiary: #ffffff;\n --mat-sys-on-tertiary-container: #0000ef;\n --mat-sys-on-tertiary-fixed: #00006e;\n --mat-sys-on-tertiary-fixed-variant: #0000ef;\n --mat-sys-outline: #74777f;\n --mat-sys-outline-variant: #c4c6d0;\n --mat-sys-primary: #3778e4;\n --mat-sys-primary-container: #d7e3ff;\n --mat-sys-primary-fixed: #d7e3ff;\n --mat-sys-primary-fixed-dim: #abc7ff;\n --mat-sys-scrim: #000000;\n --mat-sys-secondary: #565e71;\n --mat-sys-secondary-container: #dae2f9;\n --mat-sys-secondary-fixed: #dae2f9;\n --mat-sys-secondary-fixed-dim: #bec6dc;\n --mat-sys-shadow: #000000;\n --mat-sys-surface: #faf9fd;\n --mat-sys-surface-bright: #faf9fd;\n --mat-sys-surface-container: #efedf0;\n --mat-sys-surface-container-high: #e9e7eb;\n --mat-sys-surface-container-highest: #e3e2e6;\n --mat-sys-surface-container-low: #f4f3f6;\n --mat-sys-surface-container-lowest: #ffffff;\n --mat-sys-surface-dim: #dbd9dd;\n --mat-sys-surface-tint: #005cbb;\n --mat-sys-surface-variant: #e0e2ec;\n --mat-sys-tertiary: #343dff;\n --mat-sys-tertiary-container: #e0e0ff;\n --mat-sys-tertiary-fixed: #e0e0ff;\n --mat-sys-tertiary-fixed-dim: #bec2ff;\n --mat-sys-neutral-variant20: #2d3038;\n --mat-sys-neutral10: #1a1b1f;\n --mdc-filled-button-container-height: 35px;\n --mdc-outlined-button-container-height: 35px;\n --mdc-text-button-label-text-color: #808090;\n --mdc-filled-button-label-text-weight: 600;\n --mdc-text-button-label-text-weight: 600;\n --mdc-filled-button-container-shape: 4px;\n --mdc-outlined-button-outline-color: none;\n --mdc-outlined-button-container-shape: 6px;\n --mat-sys-level0:\n 0px 0px 0px 0px rgba(0, 0, 0, 0.2),\n 0px 0px 0px 0px rgba(0, 0, 0, 0.14),\n 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level1:\n 0px 2px 1px -1px rgba(0, 0, 0, 0.2),\n 0px 1px 1px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level2:\n 0px 3px 3px -2px rgba(0, 0, 0, 0.2),\n 0px 3px 4px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 8px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level3:\n 0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level4:\n 0px 5px 5px -3px rgba(0, 0, 0, 0.2),\n 0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n --mat-sys-level5:\n 0px 7px 8px -4px rgba(0, 0, 0, 0.2),\n 0px 12px 17px 2px rgba(0, 0, 0, 0.14),\n 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n --mdc-outlined-button-label-text-size: 14px;\n --mdc-filled-button-label-text-size: 14px;\n --mdc-filled-text-field-label-text-size: 16px;\n --mat-sys-body-large: 400 1rem / 1.5rem var(--app-font-family);\n --mat-sys-body-large-font: var(--app-font-family);\n --mat-sys-body-large-line-height: 1.5rem;\n --mat-sys-body-large-size: 14px;\n --mat-sys-body-large-tracking: 0.031rem;\n --mat-sys-body-large-weight: 400;\n --mat-sys-body-medium: 400 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-body-medium-font: var(--app-font-family);\n --mat-sys-body-medium-line-height: 1.25rem;\n --mat-sys-body-medium-size: 0.875rem;\n --mat-sys-body-medium-tracking: 0.016rem;\n --mat-sys-body-medium-weight: 400;\n --mat-sys-body-small: 400 0.75rem / 1rem var(--app-font-family);\n --mat-sys-body-small-font: var(--app-font-family);\n --mat-sys-body-small-line-height: 1rem;\n --mat-sys-body-small-size: 0.75rem;\n --mat-sys-body-small-tracking: 0.025rem;\n --mat-sys-body-small-weight: 400;\n --mat-sys-display-large: 400 3.562rem / 4rem var(--app-font-family);\n --mat-sys-display-large-font: var(--app-font-family);\n --mat-sys-display-large-line-height: 4rem;\n --mat-sys-display-large-size: 3.562rem;\n --mat-sys-display-large-tracking: -0.016rem;\n --mat-sys-display-large-weight: 400;\n --mat-sys-display-medium: 400 2.812rem / 3.25rem var(--app-font-family);\n --mat-sys-display-medium-font: var(--app-font-family);\n --mat-sys-display-medium-line-height: 3.25rem;\n --mat-sys-display-medium-size: 2.812rem;\n --mat-sys-display-medium-tracking: 0;\n --mat-sys-display-medium-weight: 400;\n --mat-sys-display-small: 400 2.25rem / 2.75rem var(--app-font-family);\n --mat-sys-display-small-font: var(--app-font-family);\n --mat-sys-display-small-line-height: 2.75rem;\n --mat-sys-display-small-size: 2.25rem;\n --mat-sys-display-small-tracking: 0;\n --mat-sys-display-small-weight: 400;\n --mat-sys-headline-large: 400 2rem / 2.5rem var(--app-font-family);\n --mat-sys-headline-large-font: var(--app-font-family);\n --mat-sys-headline-large-line-height: 2.5rem;\n --mat-sys-headline-large-size: 2rem;\n --mat-sys-headline-large-tracking: 0;\n --mat-sys-headline-large-weight: 400;\n --mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--app-font-family);\n --mat-sys-headline-medium-font: var(--app-font-family);\n --mat-sys-headline-medium-line-height: 2.25rem;\n --mat-sys-headline-medium-size: 1.75rem;\n --mat-sys-headline-medium-tracking: 0;\n --mat-sys-headline-medium-weight: 400;\n --mat-sys-headline-small: 400 1.5rem / 2rem var(--app-font-family);\n --mat-sys-headline-small-font: var(--app-font-family);\n --mat-sys-headline-small-line-height: 2rem;\n --mat-sys-headline-small-size: 1.5rem;\n --mat-sys-headline-small-tracking: 0;\n --mat-sys-headline-small-weight: 400;\n --mat-sys-label-large: 500 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-label-large-font: var(--app-font-family);\n --mat-sys-label-large-line-height: 1.25rem;\n --mat-sys-label-large-size: 0.875rem;\n --mat-sys-label-large-tracking: 0.006rem;\n --mat-sys-label-large-weight: 500;\n --mat-sys-label-large-weight-prominent: 700;\n --mat-sys-label-medium: 500 0.75rem / 1rem var(--app-font-family);\n --mat-sys-label-medium-font: var(--app-font-family);\n --mat-sys-label-medium-line-height: 1rem;\n --mat-sys-label-medium-size: 0.75rem;\n --mat-sys-label-medium-tracking: 0.031rem;\n --mat-sys-label-medium-weight: 500;\n --mat-sys-label-medium-weight-prominent: 700;\n --mat-sys-label-small: 500 0.688rem / 1rem var(--app-font-family);\n --mat-sys-label-small-font: var(--app-font-family);\n --mat-sys-label-small-line-height: 1rem;\n --mat-sys-label-small-size: 0.688rem;\n --mat-sys-label-small-tracking: 0.031rem;\n --mat-sys-label-small-weight: 500;\n --mat-sys-title-large: 400 1.375rem / 1.75rem var(--app-font-family);\n --mat-sys-title-large-font: var(--app-font-family);\n --mat-sys-title-large-line-height: 1.75rem;\n --mat-sys-title-large-size: 1.375rem;\n --mat-sys-title-large-tracking: 0;\n --mat-sys-title-large-weight: 400;\n --mat-sys-title-medium: 500 1rem / 1.5rem var(--app-font-family);\n --mat-sys-title-medium-font: var(--app-font-family);\n --mat-sys-title-medium-line-height: 1.5rem;\n --mat-sys-title-medium-size: 1rem;\n --mat-sys-title-medium-tracking: 0.009rem;\n --mat-sys-title-medium-weight: 500;\n --mat-sys-title-small: 500 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-title-small-font: var(--app-font-family);\n --mat-sys-title-small-line-height: 1.25rem;\n --mat-sys-title-small-size: 0.875rem;\n --mat-sys-title-small-tracking: 0.006rem;\n --mat-sys-title-small-weight: 500;\n --mat-sys-corner-extra-large: 28px;\n --mat-sys-corner-extra-large-top: 28px 28px 0 0;\n --mat-sys-corner-extra-small: 4px;\n --mat-sys-corner-extra-small-top: 4px 4px 0 0;\n --mat-sys-corner-full: 9999px;\n --mat-sys-corner-large: 16px;\n --mat-sys-corner-large-end: 0 16px 16px 0;\n --mat-sys-corner-large-start: 16px 0 0 16px;\n --mat-sys-corner-large-top: 16px 16px 0 0;\n --mat-sys-corner-medium: 12px;\n --mat-sys-corner-none: 0;\n --mat-sys-corner-small: 8px;\n --mat-sys-dragged-state-layer-opacity: 0.16;\n --mat-sys-focus-state-layer-opacity: 0.12;\n --mat-sys-hover-state-layer-opacity: 0.08;\n --mat-sys-pressed-state-layer-opacity: 0.12;\n}\n:host ::ng-deep .mat-primary .mat-pseudo-checkbox-checked,\n:host ::ng-deep .mat-primary .mat-pseudo-checkbox-indeterminate {\n background: transparent !important;\n}\n:host ::ng-deep .mat-mdc-checkbox[cardView] .mdc-checkbox {\n width: 24px;\n height: 24px;\n flex-basis: 24px;\n padding: 0;\n}\n:host ::ng-deep .mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n width: 24px;\n height: 24px;\n border-radius: 6px;\n top: 0;\n left: 0;\n border: 3px solid var(--filing-modal-color-grey);\n}\n:host ::ng-deep .mat-mdc-checkbox[cardView] .mdc-checkbox__checkmark {\n height: 20px;\n width: 20px;\n font-size: 20px;\n top: 1px;\n left: 1px;\n}\n:host ::ng-deep .mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n:host ::ng-deep .mat-mdc-checkbox[cardView] .mat-ripple {\n display: none;\n}\n:host ::ng-deep .mat-mdc-checkbox[cardView] .mdc-label {\n padding-left: 8px;\n}\n:host ::ng-deep .mat-mdc-checkbox[cardView] .mdc-button__label {\n line-height: 10px;\n}\n:host .add-documents-modal {\n padding: 24px 0;\n border: 2px solid #ededed;\n border-radius: 16px;\n width: 100%;\n background: white;\n}\n:host .add-documents-modal-header {\n padding: 0 24px;\n}\n:host .add-documents-modal-list {\n display: flex;\n flex-direction: column;\n max-height: 300px;\n overflow: auto;\n padding: 24px;\n}\n:host .add-documents-modal-list-item {\n display: flex;\n align-items: center;\n font-size: 18px;\n cursor: pointer;\n width: 100%;\n -webkit-user-select: none;\n user-select: none;\n}\n:host .add-documents-modal-actions {\n display: flex;\n justify-content: flex-end;\n gap: 8px;\n padding-right: 16px;\n}\n::ng-deep .mat-mdc-dialog-surface {\n background: transparent !important;\n padding: 2px;\n min-width: 660px;\n}\n/*# sourceMappingURL=select-modal.component.css.map */\n'] }]
84007
84007
  }], null, null);
84008
84008
  })();
@@ -84147,34 +84147,34 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
84147
84147
  MatButton,
84148
84148
  TranslatePipe,
84149
84149
  MatIcon
84150
- ], template: `<div class="documents">\r
84151
- <span class="body-1-regular">{{ 'Supporting documents relevant to the proposed name, including consent letters' | translate }}</span>\r
84152
- \r
84153
- @let selectedDocuments = this.selectedDocuments();\r
84154
- @if (selectedDocuments.length) {\r
84155
- <div class="documents-list">\r
84156
- @for(document of selectedDocuments; track document) {\r
84157
- <div class="documents-list-item body-1-regular">\r
84158
- <mat-icon class="documents-list-item-document">description_outline</mat-icon>\r
84159
- <span class="body-1-regular">{{document}}</span>\r
84160
- \r
84161
- @if (!readonly()) {\r
84162
- <div class="documents-list-icon-wrapper" (click)="removeDocument.emit(document)">\r
84163
- <mat-icon class="documents-list-item-close">close</mat-icon>\r
84164
- </div>\r
84165
- }\r
84166
- \r
84167
- </div>\r
84168
- }\r
84169
- </div>\r
84170
- }\r
84171
- \r
84172
- @if (!readonly()) {\r
84173
- <button mat-stroked-button class="outlined" (click)="onAddDocuments()">\r
84174
- <span class="body-1-semibold">{{ 'Add Supporting Documents' | translate }}</span>\r
84175
- </button>\r
84176
- }\r
84177
- </div>\r
84150
+ ], template: `<div class="documents">
84151
+ <span class="body-1-regular">{{ 'Supporting documents relevant to the proposed name, including consent letters' | translate }}</span>
84152
+
84153
+ @let selectedDocuments = this.selectedDocuments();
84154
+ @if (selectedDocuments.length) {
84155
+ <div class="documents-list">
84156
+ @for(document of selectedDocuments; track document) {
84157
+ <div class="documents-list-item body-1-regular">
84158
+ <mat-icon class="documents-list-item-document">description_outline</mat-icon>
84159
+ <span class="body-1-regular">{{document}}</span>
84160
+
84161
+ @if (!readonly()) {
84162
+ <div class="documents-list-icon-wrapper" (click)="removeDocument.emit(document)">
84163
+ <mat-icon class="documents-list-item-close">close</mat-icon>
84164
+ </div>
84165
+ }
84166
+
84167
+ </div>
84168
+ }
84169
+ </div>
84170
+ }
84171
+
84172
+ @if (!readonly()) {
84173
+ <button mat-stroked-button class="outlined" (click)="onAddDocuments()">
84174
+ <span class="body-1-semibold">{{ 'Add Supporting Documents' | translate }}</span>
84175
+ </button>
84176
+ }
84177
+ </div>
84178
84178
  `, styles: ["/* src/app/components/federal/components/documents/documents.component.scss */\n:host .documents {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 16px;\n}\n:host .documents-list {\n display: flex;\n flex-direction: column;\n gap: 4px;\n padding-left: 16px;\n}\n:host .documents-list-item {\n display: flex;\n align-items: center;\n gap: 8px;\n color: var(--filing-modal-color-grey);\n}\n:host .documents-list-item mat-icon {\n color: var(--filing-modal-color-grey);\n display: flex;\n align-items: center;\n}\n:host .documents-list-item-document {\n font-size: 24px;\n}\n:host .documents-list-item-close {\n font-size: 18px;\n height: 18px;\n width: 18px;\n line-height: 18px;\n}\n:host .documents-list-icon-wrapper {\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-left: 32px;\n}\n/*# sourceMappingURL=documents.component.css.map */\n"] }]
84179
84179
  }], null, null);
84180
84180
  })();
@@ -85000,246 +85000,246 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85000
85000
  TranslatePipe,
85001
85001
  ReactiveFormsModule,
85002
85002
  DatePipe
85003
- ], template: `<div class="incorporation-form">\r
85004
- @if (isNote()) {\r
85005
- <alert\r
85006
- [type]="alertType.Info"\r
85007
- title="Entity changed"\r
85008
- content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
85009
- />\r
85010
- }\r
85011
- \r
85012
- @if (errors().length) {\r
85013
- <alert\r
85014
- title="The following issues need to be resolved before proceeding:"\r
85015
- [content]="errors()"\r
85016
- />\r
85017
- }\r
85018
- \r
85019
- <div class="incorporation-form-content">\r
85020
- @let corporateName = getFormGroup(groups.CorporateName);\r
85021
- \r
85022
- @if (corporateName) {\r
85023
- <expandable-card\r
85024
- [isValid]="sectionValidity['corporateName']"\r
85025
- [isStatusIcon]="isStatusIcon()"\r
85026
- [title]="groups.CorporateName"\r
85027
- >\r
85028
- <div class="incorporation-form-item">\r
85029
- <filing-form-group\r
85030
- [isSubmitted]="isSubmitted()"\r
85031
- [form]="corporateName"\r
85032
- [config]="incorporationFields"\r
85033
- (visiblyValidChange)="onSectionValidChange('corporateName', $event)"\r
85034
- />\r
85035
- \r
85036
- @if (isNonPreapprovedNameType() || selectedDocuments().length) {\r
85037
- <documents\r
85038
- [documents]="documents()"\r
85039
- [readonly]="isReadonly()"\r
85040
- [selectedDocuments]="selectedDocuments()"\r
85041
- (addDocuments)="addDocuments.emit($event)"\r
85042
- (removeDocument)="removeDocument.emit($event)"\r
85043
- />\r
85044
- }\r
85045
- </div>\r
85046
- </expandable-card>\r
85047
- }\r
85048
- \r
85049
- @let articlesOfIncorporation = getFormGroup(groups.ArticlesOfIncorporation);\r
85050
- \r
85051
- @if (articlesOfIncorporation) {\r
85052
- <expandable-card\r
85053
- [isValid]="sectionValidity['articles']"\r
85054
- [isStatusIcon]="isStatusIcon()"\r
85055
- [title]="groups.ArticlesOfIncorporation"\r
85056
- >\r
85057
- <div class="incorporation-form-item">\r
85058
- <span\r
85059
- class="body-1-regular black"\r
85060
- [innerHTML]="directorsSubtitle()"\r
85061
- ></span>\r
85062
- \r
85063
- <filing-form-group\r
85064
- [isSubmitted]="isSubmitted()"\r
85065
- [form]="articlesOfIncorporation"\r
85066
- [config]="articlesOfIncorporationFields"\r
85067
- (visiblyValidChange)="onSectionValidChange('articles', $event)"\r
85068
- />\r
85069
- <div>\r
85070
- <span class="body-1-semibold dark-blue">{{ 'Incorporators' | translate }}</span>\r
85071
- \r
85072
- <ul class="incorporators-list">\r
85073
- @for (\r
85074
- incorporator of task()?._ext?._incorporators;\r
85075
- track incorporator.affiliationID\r
85076
- ) {\r
85077
- <li class="body-1-regular grey">\r
85078
- {{ getIncorporatorName(incorporator) }}\r
85079
- </li>\r
85080
- }\r
85081
- </ul>\r
85082
- </div>\r
85083
- \r
85084
- <span class="body-1-regular grey"\r
85085
- >{{ 'Effective Date' | translate }}:\r
85086
- {{\r
85087
- task()?._ext?._future_filing_date\r
85088
- ? (task()!._ext!._future_filing_date | date: "yyyy-MM-dd")\r
85089
- : (today | date: "yyyy-MM-dd")\r
85090
- }}</span\r
85091
- >\r
85092
- </div>\r
85093
- </expandable-card>\r
85094
- }\r
85095
- \r
85096
- @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);\r
85097
- \r
85098
- @if (registeredOfficeAddress) {\r
85099
- <expandable-card\r
85100
- [isValid]="sectionValidity['registeredOffice']"\r
85101
- [isStatusIcon]="isStatusIcon()"\r
85102
- [title]="groups.RegisteredOfficeAddress"\r
85103
- >\r
85104
- <div class="incorporation-form-item">\r
85105
- <filing-form-group\r
85106
- [isSubmitted]="isSubmitted()"\r
85107
- [form]="registeredOfficeAddress"\r
85108
- [config]="registeredOfficeAddressFields"\r
85109
- (visiblyValidChange)="\r
85110
- onSectionValidChange('registeredOffice', $event)\r
85111
- "\r
85112
- />\r
85113
- </div>\r
85114
- </expandable-card>\r
85115
- }\r
85116
- \r
85117
- @let directorsArray = getFormArray(groups.Directors);\r
85118
- \r
85119
- @if (directorsArray && directorsArray.length) {\r
85120
- @let directorsFormArray = getFormArray(groups.Directors);\r
85121
- <expandable-list-card\r
85122
- [isValid]="sectionValidity['directors']"\r
85123
- [isSubmitted]="isSubmitted()"\r
85124
- [areItemsOpen]="directorsArray.length <= initiallyOpenCardsCount"\r
85125
- [fields]="directorsFields"\r
85126
- [formArray]="directorsFormArray"\r
85127
- [title]="groups.Directors"\r
85128
- (visiblyValidChange)="onSectionValidChange('directors', $event)"\r
85129
- />\r
85130
- } @else {\r
85131
- <expandable-card [title]="groups.Directors">\r
85132
- <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
85133
- </expandable-card>\r
85134
- }\r
85135
- \r
85136
- @let significantControl = getFormGroup(groups.SignificantControl);\r
85137
- @if (significantControl) {\r
85138
- @let individualsWithSignificantControlArray =\r
85139
- getFormArray(groups.IndividualsWithSignificantControl);\r
85140
- \r
85141
- @if (individualsWithSignificantControlArray) {\r
85142
- <expandable-list-card\r
85143
- [areItemsOpen]="\r
85144
- individualsWithSignificantControlArray.length <=\r
85145
- initiallyOpenCardsCount\r
85146
- "\r
85147
- [isValid]="\r
85148
- sectionValidity['isc'] &&\r
85149
- sectionValidity['significantControl']\r
85150
- "\r
85151
- (remove)="onRemoveIndividualWithSignificantForm($event)"\r
85152
- [removable]="!isReadonly()"\r
85153
- [isSubmitted]="isSubmitted()"\r
85154
- [isStatusIcon]="isStatusIcon()"\r
85155
- [fields]="individualsWithSignificantControlFields"\r
85156
- [formArray]="individualsWithSignificantControlArray"\r
85157
- [title]="groups.IndividualsWithSignificantControl"\r
85158
- (visiblyValidChange)="onSectionValidChange('isc', $event)"\r
85159
- >\r
85160
- @if (\r
85161
- !isReadonly() && isAddIndividualWithSignificantControlAvailable()\r
85162
- ) {\r
85163
- <button\r
85164
- [disabled]="isAddIndividualWithSignificantControlDisabled()"\r
85165
- slot="subtitle"\r
85166
- mat-stroked-button\r
85167
- mat-button\r
85168
- (click)="addIndividualWithSignificantControl()"\r
85169
- >\r
85170
- <span class="body-1-semibold">{{\r
85171
- "Add Individuals With Significant Control" | translate\r
85172
- }}</span>\r
85173
- </button>\r
85174
- }\r
85175
- \r
85176
- <div class="significant-control" slot="header-content">\r
85177
- <filing-form-group\r
85178
- [isSubmitted]="isSubmitted()"\r
85179
- [form]="significantControl"\r
85180
- [config]="significantControlFields"\r
85181
- (visiblyValidChange)="\r
85182
- onSectionValidChange('significantControl', $event)\r
85183
- "\r
85184
- />\r
85185
- </div>\r
85186
- </expandable-list-card>\r
85187
- }\r
85188
- }\r
85189
- \r
85190
- @let inviteDirectorToBeFullAccessManager =\r
85191
- getFormGroup(groups.InviteDirectorToBeFullAccessManager);\r
85192
- @if (inviteDirectorToBeFullAccessManager) {\r
85193
- <expandable-card\r
85194
- [isValid]="sectionValidity['inviteDirector']"\r
85195
- [title]="groups.InviteDirectorToBeFullAccessManager"\r
85196
- >\r
85197
- <filing-form-group\r
85198
- [isSubmitted]="isSubmitted()"\r
85199
- [form]="inviteDirectorToBeFullAccessManager"\r
85200
- [config]="federalFormationFormInviteDirectorsToBeManagersControl"\r
85201
- (visiblyValidChange)="onSectionValidChange('inviteDirector', $event)"\r
85202
- />\r
85203
- </expandable-card>\r
85204
- }\r
85205
- \r
85206
- @let extraProvincialLicensesArray =\r
85207
- getFormArray(groups.ExtraProvincialRegistrations);\r
85208
- @let extraProvincialLicensesControlsLength =\r
85209
- extraProvincialLicensesArray?.length;\r
85210
- \r
85211
- @if (extraProvincialLicensesControlsLength) {\r
85212
- <expandable-list-card\r
85213
- [areItemsOpen]="extraProvincialLicensesControlsLength === 1"\r
85214
- [isValid]="sectionValidity['epl']"\r
85215
- [isSubmitted]="isSubmitted()"\r
85216
- [isStatusIcon]="isStatusIcon()"\r
85217
- [fields]="extraProvincialLicensesFields"\r
85218
- [formArray]="extraProvincialLicensesArray"\r
85219
- [title]="groups.ExtraProvincialRegistrations"\r
85220
- (visiblyValidChange)="onSectionValidChange('epl', $event)"\r
85221
- />\r
85222
- }\r
85223
- \r
85224
- @let contactForm = getFormGroup(groups.Contact);\r
85225
- @if (contactForm) {\r
85226
- <expandable-card\r
85227
- [isStatusIcon]="isStatusIcon()"\r
85228
- [isValid]="sectionValidity['contact']"\r
85229
- [title]="groups.Contact"\r
85230
- >\r
85231
- <filing-form-group\r
85232
- [isSubmitted]="isSubmitted()"\r
85233
- [form]="contactForm"\r
85234
- [config]="contactControl"\r
85235
- (visiblyValidChange)="onSectionValidChange('contact', $event)"\r
85236
- />\r
85237
- </expandable-card>\r
85238
- }\r
85239
- \r
85240
- <ng-content></ng-content>\r
85241
- </div>\r
85242
- </div>\r
85003
+ ], template: `<div class="incorporation-form">
85004
+ @if (isNote()) {
85005
+ <alert
85006
+ [type]="alertType.Info"
85007
+ title="Entity changed"
85008
+ content="A new draft needs to be generated as the Entity was changed since the last draft was produced."
85009
+ />
85010
+ }
85011
+
85012
+ @if (errors().length) {
85013
+ <alert
85014
+ title="The following issues need to be resolved before proceeding:"
85015
+ [content]="errors()"
85016
+ />
85017
+ }
85018
+
85019
+ <div class="incorporation-form-content">
85020
+ @let corporateName = getFormGroup(groups.CorporateName);
85021
+
85022
+ @if (corporateName) {
85023
+ <expandable-card
85024
+ [isValid]="sectionValidity['corporateName']"
85025
+ [isStatusIcon]="isStatusIcon()"
85026
+ [title]="groups.CorporateName"
85027
+ >
85028
+ <div class="incorporation-form-item">
85029
+ <filing-form-group
85030
+ [isSubmitted]="isSubmitted()"
85031
+ [form]="corporateName"
85032
+ [config]="incorporationFields"
85033
+ (visiblyValidChange)="onSectionValidChange('corporateName', $event)"
85034
+ />
85035
+
85036
+ @if (isNonPreapprovedNameType() || selectedDocuments().length) {
85037
+ <documents
85038
+ [documents]="documents()"
85039
+ [readonly]="isReadonly()"
85040
+ [selectedDocuments]="selectedDocuments()"
85041
+ (addDocuments)="addDocuments.emit($event)"
85042
+ (removeDocument)="removeDocument.emit($event)"
85043
+ />
85044
+ }
85045
+ </div>
85046
+ </expandable-card>
85047
+ }
85048
+
85049
+ @let articlesOfIncorporation = getFormGroup(groups.ArticlesOfIncorporation);
85050
+
85051
+ @if (articlesOfIncorporation) {
85052
+ <expandable-card
85053
+ [isValid]="sectionValidity['articles']"
85054
+ [isStatusIcon]="isStatusIcon()"
85055
+ [title]="groups.ArticlesOfIncorporation"
85056
+ >
85057
+ <div class="incorporation-form-item">
85058
+ <span
85059
+ class="body-1-regular black"
85060
+ [innerHTML]="directorsSubtitle()"
85061
+ ></span>
85062
+
85063
+ <filing-form-group
85064
+ [isSubmitted]="isSubmitted()"
85065
+ [form]="articlesOfIncorporation"
85066
+ [config]="articlesOfIncorporationFields"
85067
+ (visiblyValidChange)="onSectionValidChange('articles', $event)"
85068
+ />
85069
+ <div>
85070
+ <span class="body-1-semibold dark-blue">{{ 'Incorporators' | translate }}</span>
85071
+
85072
+ <ul class="incorporators-list">
85073
+ @for (
85074
+ incorporator of task()?._ext?._incorporators;
85075
+ track incorporator.affiliationID
85076
+ ) {
85077
+ <li class="body-1-regular grey">
85078
+ {{ getIncorporatorName(incorporator) }}
85079
+ </li>
85080
+ }
85081
+ </ul>
85082
+ </div>
85083
+
85084
+ <span class="body-1-regular grey"
85085
+ >{{ 'Effective Date' | translate }}:
85086
+ {{
85087
+ task()?._ext?._future_filing_date
85088
+ ? (task()!._ext!._future_filing_date | date: "yyyy-MM-dd")
85089
+ : (today | date: "yyyy-MM-dd")
85090
+ }}</span
85091
+ >
85092
+ </div>
85093
+ </expandable-card>
85094
+ }
85095
+
85096
+ @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);
85097
+
85098
+ @if (registeredOfficeAddress) {
85099
+ <expandable-card
85100
+ [isValid]="sectionValidity['registeredOffice']"
85101
+ [isStatusIcon]="isStatusIcon()"
85102
+ [title]="groups.RegisteredOfficeAddress"
85103
+ >
85104
+ <div class="incorporation-form-item">
85105
+ <filing-form-group
85106
+ [isSubmitted]="isSubmitted()"
85107
+ [form]="registeredOfficeAddress"
85108
+ [config]="registeredOfficeAddressFields"
85109
+ (visiblyValidChange)="
85110
+ onSectionValidChange('registeredOffice', $event)
85111
+ "
85112
+ />
85113
+ </div>
85114
+ </expandable-card>
85115
+ }
85116
+
85117
+ @let directorsArray = getFormArray(groups.Directors);
85118
+
85119
+ @if (directorsArray && directorsArray.length) {
85120
+ @let directorsFormArray = getFormArray(groups.Directors);
85121
+ <expandable-list-card
85122
+ [isValid]="sectionValidity['directors']"
85123
+ [isSubmitted]="isSubmitted()"
85124
+ [areItemsOpen]="directorsArray.length <= initiallyOpenCardsCount"
85125
+ [fields]="directorsFields"
85126
+ [formArray]="directorsFormArray"
85127
+ [title]="groups.Directors"
85128
+ (visiblyValidChange)="onSectionValidChange('directors', $event)"
85129
+ />
85130
+ } @else {
85131
+ <expandable-card [title]="groups.Directors">
85132
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
85133
+ </expandable-card>
85134
+ }
85135
+
85136
+ @let significantControl = getFormGroup(groups.SignificantControl);
85137
+ @if (significantControl) {
85138
+ @let individualsWithSignificantControlArray =
85139
+ getFormArray(groups.IndividualsWithSignificantControl);
85140
+
85141
+ @if (individualsWithSignificantControlArray) {
85142
+ <expandable-list-card
85143
+ [areItemsOpen]="
85144
+ individualsWithSignificantControlArray.length <=
85145
+ initiallyOpenCardsCount
85146
+ "
85147
+ [isValid]="
85148
+ sectionValidity['isc'] &&
85149
+ sectionValidity['significantControl']
85150
+ "
85151
+ (remove)="onRemoveIndividualWithSignificantForm($event)"
85152
+ [removable]="!isReadonly()"
85153
+ [isSubmitted]="isSubmitted()"
85154
+ [isStatusIcon]="isStatusIcon()"
85155
+ [fields]="individualsWithSignificantControlFields"
85156
+ [formArray]="individualsWithSignificantControlArray"
85157
+ [title]="groups.IndividualsWithSignificantControl"
85158
+ (visiblyValidChange)="onSectionValidChange('isc', $event)"
85159
+ >
85160
+ @if (
85161
+ !isReadonly() && isAddIndividualWithSignificantControlAvailable()
85162
+ ) {
85163
+ <button
85164
+ [disabled]="isAddIndividualWithSignificantControlDisabled()"
85165
+ slot="subtitle"
85166
+ mat-stroked-button
85167
+ mat-button
85168
+ (click)="addIndividualWithSignificantControl()"
85169
+ >
85170
+ <span class="body-1-semibold">{{
85171
+ "Add Individuals With Significant Control" | translate
85172
+ }}</span>
85173
+ </button>
85174
+ }
85175
+
85176
+ <div class="significant-control" slot="header-content">
85177
+ <filing-form-group
85178
+ [isSubmitted]="isSubmitted()"
85179
+ [form]="significantControl"
85180
+ [config]="significantControlFields"
85181
+ (visiblyValidChange)="
85182
+ onSectionValidChange('significantControl', $event)
85183
+ "
85184
+ />
85185
+ </div>
85186
+ </expandable-list-card>
85187
+ }
85188
+ }
85189
+
85190
+ @let inviteDirectorToBeFullAccessManager =
85191
+ getFormGroup(groups.InviteDirectorToBeFullAccessManager);
85192
+ @if (inviteDirectorToBeFullAccessManager) {
85193
+ <expandable-card
85194
+ [isValid]="sectionValidity['inviteDirector']"
85195
+ [title]="groups.InviteDirectorToBeFullAccessManager"
85196
+ >
85197
+ <filing-form-group
85198
+ [isSubmitted]="isSubmitted()"
85199
+ [form]="inviteDirectorToBeFullAccessManager"
85200
+ [config]="federalFormationFormInviteDirectorsToBeManagersControl"
85201
+ (visiblyValidChange)="onSectionValidChange('inviteDirector', $event)"
85202
+ />
85203
+ </expandable-card>
85204
+ }
85205
+
85206
+ @let extraProvincialLicensesArray =
85207
+ getFormArray(groups.ExtraProvincialRegistrations);
85208
+ @let extraProvincialLicensesControlsLength =
85209
+ extraProvincialLicensesArray?.length;
85210
+
85211
+ @if (extraProvincialLicensesControlsLength) {
85212
+ <expandable-list-card
85213
+ [areItemsOpen]="extraProvincialLicensesControlsLength === 1"
85214
+ [isValid]="sectionValidity['epl']"
85215
+ [isSubmitted]="isSubmitted()"
85216
+ [isStatusIcon]="isStatusIcon()"
85217
+ [fields]="extraProvincialLicensesFields"
85218
+ [formArray]="extraProvincialLicensesArray"
85219
+ [title]="groups.ExtraProvincialRegistrations"
85220
+ (visiblyValidChange)="onSectionValidChange('epl', $event)"
85221
+ />
85222
+ }
85223
+
85224
+ @let contactForm = getFormGroup(groups.Contact);
85225
+ @if (contactForm) {
85226
+ <expandable-card
85227
+ [isStatusIcon]="isStatusIcon()"
85228
+ [isValid]="sectionValidity['contact']"
85229
+ [title]="groups.Contact"
85230
+ >
85231
+ <filing-form-group
85232
+ [isSubmitted]="isSubmitted()"
85233
+ [form]="contactForm"
85234
+ [config]="contactControl"
85235
+ (visiblyValidChange)="onSectionValidChange('contact', $event)"
85236
+ />
85237
+ </expandable-card>
85238
+ }
85239
+
85240
+ <ng-content></ng-content>
85241
+ </div>
85242
+ </div>
85243
85243
  `, styles: ["/* src/app/components/federal/incorporation/federal-incorporation-form/federal-incorporation-form.component.scss */\n:host {\n display: flex;\n flex-direction: column;\n flex: 1;\n min-height: 0;\n}\n:host .incorporation-form {\n display: flex;\n height: 100%;\n flex-direction: column;\n gap: 16px;\n}\n:host .incorporation-form-content {\n display: flex;\n flex-direction: column;\n gap: 16px;\n flex: 1;\n overflow: auto;\n min-height: 0;\n}\n:host .incorporation-form-item {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n:host .incorporation-form .significant-control {\n padding: 0 16px;\n}\n:host .incorporators-list {\n margin: 8px;\n padding-inline-start: 25px;\n}\n/*# sourceMappingURL=federal-incorporation-form.component.css.map */\n"] }]
85244
85244
  }], () => [], null);
85245
85245
  })();
@@ -85361,39 +85361,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85361
85361
  MatButton,
85362
85362
  TranslatePipe,
85363
85363
  FederalIncorporationFormComponent
85364
- ], template: `<div class="incorporation-delta-form">\r
85365
- <federal-incorporation-form\r
85366
- class="incorporation-delta-form-content"\r
85367
- [form]="form()"\r
85368
- [task]="task()"\r
85369
- [errors]="combinedErrors()"\r
85370
- [isNote]="isNote()"\r
85371
- [isSubmitted]="submitted()"\r
85372
- [documents]="documents()"\r
85373
- [selectedDocuments]="selectedDocuments()"\r
85374
- (addDocuments)="addDocuments.emit($event)"\r
85375
- (removeDocument)="removeDocument.emit($event)"\r
85376
- (visiblyValidChange)="onVisiblyValidChange($event)"\r
85377
- />\r
85378
- \r
85379
- <div class="incorporation-delta-form-actions">\r
85380
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
85381
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
85382
- </button>\r
85383
- <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>\r
85384
- <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
85385
- </button>\r
85386
- <button\r
85387
- class="submit"\r
85388
- color="primary"\r
85389
- mat-flat-button\r
85390
- [disabled]="actionsDisabled()"\r
85391
- (click)="onValidate()"\r
85392
- >\r
85393
- <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
85394
- </button>\r
85395
- </div>\r
85396
- </div>\r
85364
+ ], template: `<div class="incorporation-delta-form">
85365
+ <federal-incorporation-form
85366
+ class="incorporation-delta-form-content"
85367
+ [form]="form()"
85368
+ [task]="task()"
85369
+ [errors]="combinedErrors()"
85370
+ [isNote]="isNote()"
85371
+ [isSubmitted]="submitted()"
85372
+ [documents]="documents()"
85373
+ [selectedDocuments]="selectedDocuments()"
85374
+ (addDocuments)="addDocuments.emit($event)"
85375
+ (removeDocument)="removeDocument.emit($event)"
85376
+ (visiblyValidChange)="onVisiblyValidChange($event)"
85377
+ />
85378
+
85379
+ <div class="incorporation-delta-form-actions">
85380
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
85381
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
85382
+ </button>
85383
+ <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>
85384
+ <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>
85385
+ </button>
85386
+ <button
85387
+ class="submit"
85388
+ color="primary"
85389
+ mat-flat-button
85390
+ [disabled]="actionsDisabled()"
85391
+ (click)="onValidate()"
85392
+ >
85393
+ <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>
85394
+ </button>
85395
+ </div>
85396
+ </div>
85397
85397
  `, styles: ["/* src/app/components/federal/incorporation/steps/delta/federal-incorporation-delta-form.component.scss */\n:host .incorporation-delta-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n:host .incorporation-delta-form-content {\n display: flex;\n flex-direction: column;\n gap: 16px;\n overflow: auto;\n}\n:host .incorporation-delta-form-item {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n:host .incorporation-delta-form-errors {\n padding: 0 16px;\n}\n:host .incorporation-delta-form-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n padding-top: 16px;\n}\n:host .incorporation-delta-form-actions button {\n margin: 0;\n}\n:host .incorporation-delta-form-actions .submit {\n padding-left: 30px;\n padding-right: 30px;\n}\n/*# sourceMappingURL=federal-incorporation-delta-form.component.css.map */\n"] }]
85398
85398
  }], null, null);
85399
85399
  })();
@@ -85512,39 +85512,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85512
85512
  FederalIncorporationFormComponent,
85513
85513
  ExpandableCardComponent,
85514
85514
  FilingFormGroupComponent
85515
- ], template: `<div class="incorporation-delta-form">\r
85516
- <federal-incorporation-form\r
85517
- class="incorporation-delta-form-content"\r
85518
- [form]="form()"\r
85519
- [task]="task()"\r
85520
- [errors]="errors()"\r
85521
- [selectedDocuments]="selectedDocuments()"\r
85522
- [isStatusIcon]="false"\r
85523
- [isReadonly]="true"\r
85524
- >\r
85525
- @let signatoryInformation = getFormGroup(groups.Signatory);\r
85526
- \r
85527
- <expandable-card [isExpandable]="false">\r
85528
- <filing-form-group [isSubmitted]="true" [form]="signatoryInformation" [config]="signatoryFields"/>\r
85529
- </expandable-card>\r
85530
- \r
85531
- </federal-incorporation-form>\r
85532
- \r
85533
- <div class="incorporation-delta-form-actions">\r
85534
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
85535
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
85536
- </button>\r
85537
- <button\r
85538
- class="submit"\r
85539
- color="primary"\r
85540
- mat-flat-button\r
85541
- [disabled]="actionsDisabled() || !getFormGroup(groups.Signatory).get(controls.Signatory)?.value"\r
85542
- (click)="file.emit()"\r
85543
- >\r
85544
- <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
85545
- </button>\r
85546
- </div>\r
85547
- </div>\r
85515
+ ], template: `<div class="incorporation-delta-form">
85516
+ <federal-incorporation-form
85517
+ class="incorporation-delta-form-content"
85518
+ [form]="form()"
85519
+ [task]="task()"
85520
+ [errors]="errors()"
85521
+ [selectedDocuments]="selectedDocuments()"
85522
+ [isStatusIcon]="false"
85523
+ [isReadonly]="true"
85524
+ >
85525
+ @let signatoryInformation = getFormGroup(groups.Signatory);
85526
+
85527
+ <expandable-card [isExpandable]="false">
85528
+ <filing-form-group [isSubmitted]="true" [form]="signatoryInformation" [config]="signatoryFields"/>
85529
+ </expandable-card>
85530
+
85531
+ </federal-incorporation-form>
85532
+
85533
+ <div class="incorporation-delta-form-actions">
85534
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
85535
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
85536
+ </button>
85537
+ <button
85538
+ class="submit"
85539
+ color="primary"
85540
+ mat-flat-button
85541
+ [disabled]="actionsDisabled() || !getFormGroup(groups.Signatory).get(controls.Signatory)?.value"
85542
+ (click)="file.emit()"
85543
+ >
85544
+ <span class="body-1-semibold">{{ 'File' | translate }}</span>
85545
+ </button>
85546
+ </div>
85547
+ </div>
85548
85548
  `, styles: ["/* src/app/components/federal/incorporation/steps/preview/federal-incorporation-preview-form.component.scss */\n:host .incorporation-delta-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n:host .incorporation-delta-form-content {\n display: flex;\n flex-direction: column;\n gap: 16px;\n overflow: auto;\n}\n:host .incorporation-delta-form-item {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n:host .incorporation-delta-form-errors {\n padding: 0 16px;\n}\n:host .incorporation-delta-form-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n padding-top: 16px;\n}\n:host .incorporation-delta-form-actions button {\n margin: 0;\n}\n/*# sourceMappingURL=federal-incorporation-preview-form.component.css.map */\n"] }]
85549
85549
  }], () => [], null);
85550
85550
  })();
@@ -86176,139 +86176,139 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
86176
86176
  ReactiveFormsModule,
86177
86177
  MatButton,
86178
86178
  TranslatePipe
86179
- ], template: `<div class="federal-update-maintain-form">\r
86180
- @if (isNote()) {\r
86181
- <alert\r
86182
- [type]="alertType.Info"\r
86183
- title="Entity changed"\r
86184
- content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
86185
- />\r
86186
- }\r
86187
- \r
86188
- @if (errors().length) {\r
86189
- <alert\r
86190
- title="The following issues need to be resolved before proceeding:"\r
86191
- [content]="errors()"\r
86192
- />\r
86193
- }\r
86194
- \r
86195
- <div class="federal-update-maintain-form-content">\r
86196
- @let corporationDetails = getFormGroup(groups.CorporationDetails);\r
86197
- @if (corporationDetails) {\r
86198
- <expandable-card\r
86199
- [isValid]="sectionValidity['corporationDetails']"\r
86200
- [title]="groups.CorporationDetails"\r
86201
- >\r
86202
- <filing-form-group\r
86203
- [isSubmitted]="isSubmitted()"\r
86204
- [form]="corporationDetails"\r
86205
- [config]="corporationDetailsFields"\r
86206
- (visiblyValidChange)="\r
86207
- onSectionValidChange('corporationDetails', $event)\r
86208
- "\r
86209
- />\r
86210
- </expandable-card>\r
86211
- }\r
86212
- \r
86213
- @let directorsArray = getFormArray(groups.Directors);\r
86214
- @if (directorsArray && directorsArray.length) {\r
86215
- <expandable-list-card\r
86216
- [isValid]="sectionValidity['directors']"\r
86217
- [isSubmitted]="isSubmitted()"\r
86218
- [fields]="directorsFields"\r
86219
- [formArray]="directorsArray"\r
86220
- [labelKey]="controls.AffiliationName"\r
86221
- [title]="groups.Directors"\r
86222
- (visiblyValidChange)="onSectionValidChange('directors', $event)"\r
86223
- />\r
86224
- } @else {\r
86225
- <expandable-card [title]="groups.Directors">\r
86226
- <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
86227
- </expandable-card>\r
86228
- }\r
86229
- \r
86230
- @let annualReturn = getFormGroup(groups.AnnualReturn);\r
86231
- @if (annualReturn) {\r
86232
- <expandable-card\r
86233
- [isValid]="sectionValidity['annualReturn']"\r
86234
- [title]="groups.AnnualReturn"\r
86235
- >\r
86236
- <filing-form-group\r
86237
- [isSubmitted]="isSubmitted()"\r
86238
- [form]="annualReturn"\r
86239
- [config]="annualReturnFields"\r
86240
- (visiblyValidChange)="onSectionValidChange('annualReturn', $event)"\r
86241
- />\r
86242
- </expandable-card>\r
86243
- }\r
86244
- \r
86245
- @let significantControl = getFormGroup(groups.SignificantControl);\r
86246
- @if (significantControl) {\r
86247
- @let individualsArray =\r
86248
- getFormArray(groups.IndividualsWithSignificantControl);\r
86249
- @if (individualsArray) {\r
86250
- <expandable-list-card\r
86251
- [areItemsOpen]="isIndividualsWithSignificantControlOpen()"\r
86252
- [isValid]="\r
86253
- sectionValidity['isc'] && sectionValidity['significantControl']\r
86254
- "\r
86255
- [isSubmitted]="isSubmitted()"\r
86256
- [isStatusIcon]="true"\r
86257
- [removable]="!readonly()"\r
86258
- [fields]="individualsWithSignificantControlFields()"\r
86259
- [formArray]="individualsArray"\r
86260
- [labelKey]="controls.AffiliationName"\r
86261
- [title]="groups.IndividualsWithSignificantControl"\r
86262
- (remove)="onRemoveIndividualWithSignificantForm($event)"\r
86263
- (visiblyValidChange)="onSectionValidChange('isc', $event)"\r
86264
- >\r
86265
- @if (\r
86266
- !readonly() && isAddIndividualWithSignificantControlAvailable()\r
86267
- ) {\r
86268
- <button\r
86269
- [disabled]="isAddIndividualWithSignificantControlDisabled()"\r
86270
- slot="subtitle"\r
86271
- mat-stroked-button\r
86272
- mat-button\r
86273
- (click)="addIndividualWithSignificantControl()"\r
86274
- >\r
86275
- <span class="body-1-semibold">{{\r
86276
- "Add Individuals With Significant Control" | translate\r
86277
- }}</span>\r
86278
- </button>\r
86279
- }\r
86280
- \r
86281
- <div class="card-header-content" slot="header-content">\r
86282
- <filing-form-group\r
86283
- [isSubmitted]="isSubmitted()"\r
86284
- [form]="significantControl"\r
86285
- [config]="significantControlFields"\r
86286
- (visiblyValidChange)="\r
86287
- onSectionValidChange('significantControl', $event)\r
86288
- "\r
86289
- />\r
86290
- </div>\r
86291
- </expandable-list-card>\r
86292
- }\r
86293
- }\r
86294
- \r
86295
- @let contact = getFormGroup(groups.Contact);\r
86296
- @if (contact) {\r
86297
- <expandable-card\r
86298
- [isStatusIcon]="!readonly()"\r
86299
- [isValid]="sectionValidity['contact']"\r
86300
- [title]="groups.Contact"\r
86301
- >\r
86302
- <filing-form-group\r
86303
- [isSubmitted]="isSubmitted()"\r
86304
- [form]="contact"\r
86305
- [config]="contactControl()"\r
86306
- (visiblyValidChange)="onSectionValidChange('contact', $event)"\r
86307
- />\r
86308
- </expandable-card>\r
86309
- }\r
86310
- </div>\r
86311
- </div>\r
86179
+ ], template: `<div class="federal-update-maintain-form">
86180
+ @if (isNote()) {
86181
+ <alert
86182
+ [type]="alertType.Info"
86183
+ title="Entity changed"
86184
+ content="A new draft needs to be generated as the Entity was changed since the last draft was produced."
86185
+ />
86186
+ }
86187
+
86188
+ @if (errors().length) {
86189
+ <alert
86190
+ title="The following issues need to be resolved before proceeding:"
86191
+ [content]="errors()"
86192
+ />
86193
+ }
86194
+
86195
+ <div class="federal-update-maintain-form-content">
86196
+ @let corporationDetails = getFormGroup(groups.CorporationDetails);
86197
+ @if (corporationDetails) {
86198
+ <expandable-card
86199
+ [isValid]="sectionValidity['corporationDetails']"
86200
+ [title]="groups.CorporationDetails"
86201
+ >
86202
+ <filing-form-group
86203
+ [isSubmitted]="isSubmitted()"
86204
+ [form]="corporationDetails"
86205
+ [config]="corporationDetailsFields"
86206
+ (visiblyValidChange)="
86207
+ onSectionValidChange('corporationDetails', $event)
86208
+ "
86209
+ />
86210
+ </expandable-card>
86211
+ }
86212
+
86213
+ @let directorsArray = getFormArray(groups.Directors);
86214
+ @if (directorsArray && directorsArray.length) {
86215
+ <expandable-list-card
86216
+ [isValid]="sectionValidity['directors']"
86217
+ [isSubmitted]="isSubmitted()"
86218
+ [fields]="directorsFields"
86219
+ [formArray]="directorsArray"
86220
+ [labelKey]="controls.AffiliationName"
86221
+ [title]="groups.Directors"
86222
+ (visiblyValidChange)="onSectionValidChange('directors', $event)"
86223
+ />
86224
+ } @else {
86225
+ <expandable-card [title]="groups.Directors">
86226
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
86227
+ </expandable-card>
86228
+ }
86229
+
86230
+ @let annualReturn = getFormGroup(groups.AnnualReturn);
86231
+ @if (annualReturn) {
86232
+ <expandable-card
86233
+ [isValid]="sectionValidity['annualReturn']"
86234
+ [title]="groups.AnnualReturn"
86235
+ >
86236
+ <filing-form-group
86237
+ [isSubmitted]="isSubmitted()"
86238
+ [form]="annualReturn"
86239
+ [config]="annualReturnFields"
86240
+ (visiblyValidChange)="onSectionValidChange('annualReturn', $event)"
86241
+ />
86242
+ </expandable-card>
86243
+ }
86244
+
86245
+ @let significantControl = getFormGroup(groups.SignificantControl);
86246
+ @if (significantControl) {
86247
+ @let individualsArray =
86248
+ getFormArray(groups.IndividualsWithSignificantControl);
86249
+ @if (individualsArray) {
86250
+ <expandable-list-card
86251
+ [areItemsOpen]="isIndividualsWithSignificantControlOpen()"
86252
+ [isValid]="
86253
+ sectionValidity['isc'] && sectionValidity['significantControl']
86254
+ "
86255
+ [isSubmitted]="isSubmitted()"
86256
+ [isStatusIcon]="true"
86257
+ [removable]="!readonly()"
86258
+ [fields]="individualsWithSignificantControlFields()"
86259
+ [formArray]="individualsArray"
86260
+ [labelKey]="controls.AffiliationName"
86261
+ [title]="groups.IndividualsWithSignificantControl"
86262
+ (remove)="onRemoveIndividualWithSignificantForm($event)"
86263
+ (visiblyValidChange)="onSectionValidChange('isc', $event)"
86264
+ >
86265
+ @if (
86266
+ !readonly() && isAddIndividualWithSignificantControlAvailable()
86267
+ ) {
86268
+ <button
86269
+ [disabled]="isAddIndividualWithSignificantControlDisabled()"
86270
+ slot="subtitle"
86271
+ mat-stroked-button
86272
+ mat-button
86273
+ (click)="addIndividualWithSignificantControl()"
86274
+ >
86275
+ <span class="body-1-semibold">{{
86276
+ "Add Individuals With Significant Control" | translate
86277
+ }}</span>
86278
+ </button>
86279
+ }
86280
+
86281
+ <div class="card-header-content" slot="header-content">
86282
+ <filing-form-group
86283
+ [isSubmitted]="isSubmitted()"
86284
+ [form]="significantControl"
86285
+ [config]="significantControlFields"
86286
+ (visiblyValidChange)="
86287
+ onSectionValidChange('significantControl', $event)
86288
+ "
86289
+ />
86290
+ </div>
86291
+ </expandable-list-card>
86292
+ }
86293
+ }
86294
+
86295
+ @let contact = getFormGroup(groups.Contact);
86296
+ @if (contact) {
86297
+ <expandable-card
86298
+ [isStatusIcon]="!readonly()"
86299
+ [isValid]="sectionValidity['contact']"
86300
+ [title]="groups.Contact"
86301
+ >
86302
+ <filing-form-group
86303
+ [isSubmitted]="isSubmitted()"
86304
+ [form]="contact"
86305
+ [config]="contactControl()"
86306
+ (visiblyValidChange)="onSectionValidChange('contact', $event)"
86307
+ />
86308
+ </expandable-card>
86309
+ }
86310
+ </div>
86311
+ </div>
86312
86312
  `, styles: ["/* src/app/components/federal/update-maintain/update-maintain-form/update-maintain-form.component.scss */\n:host .federal-update-maintain-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n overflow-y: auto;\n}\n:host .federal-update-maintain-form-content {\n display: flex;\n flex-direction: column;\n gap: 24px;\n}\n:host .card-header-content {\n padding: 0 16px;\n}\n/*# sourceMappingURL=update-maintain-form.component.css.map */\n"] }]
86313
86313
  }], () => [], null);
86314
86314
  })();
@@ -86422,37 +86422,37 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
86422
86422
  MatButton,
86423
86423
  TranslatePipe,
86424
86424
  FederalUpdateMaintainFormComponent
86425
- ], template: `<div class="federal-update-maintain-delta-form">\r
86426
- <federal-update-maintain-form\r
86427
- class="federal-update-maintain-delta-form-content"\r
86428
- [form]="form()"\r
86429
- [task]="task()"\r
86430
- [errors]="combinedErrors()"\r
86431
- [isNote]="isNote()"\r
86432
- [isSubmitted]="submitted()"\r
86433
- [readonly]="false"\r
86434
- (visiblyValidChange)="onVisiblyValidChange($event)"\r
86435
- />\r
86436
- \r
86437
- <div class="federal-update-maintain-delta-form-actions">\r
86438
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
86439
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
86440
- </button>\r
86441
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="save.emit()">\r
86442
- <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
86443
- </button>\r
86444
- <button\r
86445
- class="submit"\r
86446
- color="primary"\r
86447
- mat-flat-button\r
86448
- [disabled]="actionsDisabled()"\r
86449
- (click)="onValidate()"\r
86450
- >\r
86451
- <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
86452
- </button>\r
86453
- </div>\r
86454
- </div>\r
86455
- \r
86425
+ ], template: `<div class="federal-update-maintain-delta-form">
86426
+ <federal-update-maintain-form
86427
+ class="federal-update-maintain-delta-form-content"
86428
+ [form]="form()"
86429
+ [task]="task()"
86430
+ [errors]="combinedErrors()"
86431
+ [isNote]="isNote()"
86432
+ [isSubmitted]="submitted()"
86433
+ [readonly]="false"
86434
+ (visiblyValidChange)="onVisiblyValidChange($event)"
86435
+ />
86436
+
86437
+ <div class="federal-update-maintain-delta-form-actions">
86438
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
86439
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
86440
+ </button>
86441
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="save.emit()">
86442
+ <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>
86443
+ </button>
86444
+ <button
86445
+ class="submit"
86446
+ color="primary"
86447
+ mat-flat-button
86448
+ [disabled]="actionsDisabled()"
86449
+ (click)="onValidate()"
86450
+ >
86451
+ <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>
86452
+ </button>
86453
+ </div>
86454
+ </div>
86455
+
86456
86456
  `, styles: ["/* src/app/components/federal/update-maintain/steps/delta/update-maintain-delta-form.component.scss */\n:host .federal-update-maintain-delta-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n:host .federal-update-maintain-delta-form-content {\n flex: 1;\n min-height: 0;\n}\n:host .federal-update-maintain-delta-form-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n padding-top: 16px;\n}\n:host .federal-update-maintain-delta-form-actions button {\n margin: 0;\n}\n:host .federal-update-maintain-delta-form-actions .submit {\n padding-left: 30px;\n padding-right: 30px;\n}\n/*# sourceMappingURL=update-maintain-delta-form.component.css.map */\n"] }]
86457
86457
  }], null, null);
86458
86458
  })();
@@ -86527,32 +86527,32 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
86527
86527
  MatButton,
86528
86528
  TranslatePipe,
86529
86529
  FederalUpdateMaintainFormComponent
86530
- ], template: `<div class="federal-update-maintain-preview-form">\r
86531
- <federal-update-maintain-form\r
86532
- class="federal-update-maintain-preview-form-content"\r
86533
- [form]="form()"\r
86534
- [task]="task()"\r
86535
- [errors]="errors()"\r
86536
- [isSubmitted]="false"\r
86537
- [readonly]="true"\r
86538
- />\r
86539
- \r
86540
- <div class="federal-update-maintain-preview-form-actions">\r
86541
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
86542
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
86543
- </button>\r
86544
- <button\r
86545
- class="submit"\r
86546
- color="primary"\r
86547
- mat-flat-button\r
86548
- [disabled]="actionsDisabled()"\r
86549
- (click)="file.emit()"\r
86550
- >\r
86551
- <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
86552
- </button>\r
86553
- </div>\r
86554
- </div>\r
86555
- \r
86530
+ ], template: `<div class="federal-update-maintain-preview-form">
86531
+ <federal-update-maintain-form
86532
+ class="federal-update-maintain-preview-form-content"
86533
+ [form]="form()"
86534
+ [task]="task()"
86535
+ [errors]="errors()"
86536
+ [isSubmitted]="false"
86537
+ [readonly]="true"
86538
+ />
86539
+
86540
+ <div class="federal-update-maintain-preview-form-actions">
86541
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
86542
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
86543
+ </button>
86544
+ <button
86545
+ class="submit"
86546
+ color="primary"
86547
+ mat-flat-button
86548
+ [disabled]="actionsDisabled()"
86549
+ (click)="file.emit()"
86550
+ >
86551
+ <span class="body-1-semibold">{{ 'File' | translate }}</span>
86552
+ </button>
86553
+ </div>
86554
+ </div>
86555
+
86556
86556
  `, styles: ["/* src/app/components/federal/update-maintain/steps/preview/update-maintain-preview-form.component.scss */\n:host .federal-update-maintain-preview-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n}\n:host .federal-update-maintain-preview-form-content {\n flex: 1;\n min-height: 0;\n}\n:host .federal-update-maintain-preview-form-actions {\n display: flex;\n justify-content: flex-end;\n align-items: center;\n gap: 8px;\n padding-top: 16px;\n}\n:host .federal-update-maintain-preview-form-actions button {\n margin: 0;\n}\n:host .federal-update-maintain-preview-form-actions .submit {\n padding-left: 30px;\n padding-right: 30px;\n}\n/*# sourceMappingURL=update-maintain-preview-form.component.css.map */\n"] }]
86557
86557
  }], null, null);
86558
86558
  })();
@@ -86973,7 +86973,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
86973
86973
  FederalIncorporationPreviewFormComponent,
86974
86974
  FederalUpdateMaintainDeltaFormComponent,
86975
86975
  FederalUpdateMaintainPreviewFormComponent
86976
- ], template: '@let currentTask = task();\r\n\r\n@if (currentTask) {\r\n @if (isFormationTask(currentTask)) {\r\n @if (activeStep() === steps.Validate) {\r\n <federal-incorporation-delta-form\r\n [documents]="documents"\r\n [selectedDocuments]="selectedDocuments()"\r\n (addDocuments)="onAddDocuments($event)"\r\n (removeDocument)="onRemoveDocument($event)"\r\n (close)="onClose()"\r\n (validate)="onValidate()"\r\n (save)="onSave()"\r\n [task]="currentTask"\r\n [errors]="errors()"\r\n [actionsDisabled]="actionsDisabled()"\r\n [isNote]="isNote()"\r\n [form]="deltaForm()"\r\n />\r\n\r\n } @else if (activeStep() === steps.FilingPreview) {\r\n <federal-incorporation-preview-form (close)="close.emit()" (file)="onFile()" [task]="currentTask"\r\n [errors]="errors()"\r\n [actionsDisabled]="actionsDisabled()" [form]="previewForm()"\r\n [selectedDocuments]="selectedDocuments()"/>\r\n }\r\n }\r\n\r\n @if (isUpdateMaintainTask(currentTask)) {\r\n @if (activeStep() === steps.Validate) {\r\n <federal-update-maintain-delta-form\r\n [task]="$any(currentTask)"\r\n [form]="umDeltaForm()"\r\n [actionsDisabled]="actionsDisabled()"\r\n [errors]="errors()"\r\n [isNote]="isNote()"\r\n (validate)="onUmValidate()"\r\n (close)="onClose()"\r\n (save)="onUmSave()"\r\n />\r\n }\r\n\r\n @if (activeStep() === steps.FilingPreview) {\r\n <federal-update-maintain-preview-form\r\n [task]="$any(currentTask)"\r\n [form]="umPreviewForm()"\r\n [actionsDisabled]="actionsDisabled()"\r\n [errors]="errors()"\r\n (close)="close.emit()"\r\n (file)="onUmSubmit()"\r\n />\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n\r\n\r\n', styles: ["/* src/app/components/federal/federal.component.scss */\n:host .federal {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n/*# sourceMappingURL=federal.component.css.map */\n"] }]
86976
+ ], template: '@let currentTask = task();\n\n@if (currentTask) {\n @if (isFormationTask(currentTask)) {\n @if (activeStep() === steps.Validate) {\n <federal-incorporation-delta-form\n [documents]="documents"\n [selectedDocuments]="selectedDocuments()"\n (addDocuments)="onAddDocuments($event)"\n (removeDocument)="onRemoveDocument($event)"\n (close)="onClose()"\n (validate)="onValidate()"\n (save)="onSave()"\n [task]="currentTask"\n [errors]="errors()"\n [actionsDisabled]="actionsDisabled()"\n [isNote]="isNote()"\n [form]="deltaForm()"\n />\n\n } @else if (activeStep() === steps.FilingPreview) {\n <federal-incorporation-preview-form (close)="close.emit()" (file)="onFile()" [task]="currentTask"\n [errors]="errors()"\n [actionsDisabled]="actionsDisabled()" [form]="previewForm()"\n [selectedDocuments]="selectedDocuments()"/>\n }\n }\n\n @if (isUpdateMaintainTask(currentTask)) {\n @if (activeStep() === steps.Validate) {\n <federal-update-maintain-delta-form\n [task]="$any(currentTask)"\n [form]="umDeltaForm()"\n [actionsDisabled]="actionsDisabled()"\n [errors]="errors()"\n [isNote]="isNote()"\n (validate)="onUmValidate()"\n (close)="onClose()"\n (save)="onUmSave()"\n />\n }\n\n @if (activeStep() === steps.FilingPreview) {\n <federal-update-maintain-preview-form\n [task]="$any(currentTask)"\n [form]="umPreviewForm()"\n [actionsDisabled]="actionsDisabled()"\n [errors]="errors()"\n (close)="close.emit()"\n (file)="onUmSubmit()"\n />\n }\n }\n}\n\n\n\n\n\n', styles: ["/* src/app/components/federal/federal.component.scss */\n:host .federal {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n/*# sourceMappingURL=federal.component.css.map */\n"] }]
86977
86977
  }], () => [], null);
86978
86978
  })();
86979
86979
  (() => {
@@ -89367,73 +89367,73 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
89367
89367
  OntarioComponent
89368
89368
  ], encapsulation: ViewEncapsulation.ShadowDom, host: {
89369
89369
  "[style.height]": "modalHeight()"
89370
- }, template: `<div class="filing">\r
89371
- <div class="filing-title">\r
89372
- <h1 class="filing-title-text">{{title() | translate}}</h1>\r
89373
- <mat-icon (click)="onClose()" class="filing-title-action">close</mat-icon>\r
89374
- </div>\r
89375
- \r
89376
- @if (isEditButton()) {\r
89377
- <div class="filing-header">\r
89378
- <button\r
89379
- mat-stroked-button\r
89380
- [disabled]="isLoading()"\r
89381
- (click)="onEditClick()"\r
89382
- >\r
89383
- {{ 'Edit' | translate }}\r
89384
- </button>\r
89385
- </div>\r
89386
- }\r
89387
- \r
89388
- <div [class.edit]="isEditButton()" class="filing-content">\r
89389
- @let currentTask = task();\r
89390
- \r
89391
- @if (currentTask) {\r
89392
- @if (isOntarioTask(currentTask)) {\r
89393
- <ontario\r
89394
- [task]="currentTask"\r
89395
- [activeStep]="activeStep()"\r
89396
- [isNote]="dataWasChanged()"\r
89397
- [actionsDisabled]="isLoading()"\r
89398
- [errors]="errors()"\r
89399
- [prevData]="prevData()"\r
89400
- (close)="close.emit()"\r
89401
- (formationValidate)="onOntarioFormationValidate($event)"\r
89402
- (saveFormationDeltaData)="onOntarioFormationSave($event)"\r
89403
- (formationSubmit)="onOntarioFormationSubmit()"\r
89404
- (nextStep)="onNextStepClick()"\r
89405
- (prevStep)="onOntarioPrevStep()"\r
89406
- [irValidationConfig]="validationConfig()"\r
89407
- (irValidate)="validateAndFileInitialReturnTask($event)"\r
89408
- (saveIrDeltaData)="onOntarioUpdateMaintainSave($event)"\r
89409
- (irSubmit)="onInitialReturnSubmit()"\r
89410
- />\r
89411
- } @else {\r
89412
- <federal\r
89413
- [actionsDisabled]="isLoading()"\r
89414
- [isNote]="dataWasChanged()"\r
89415
- [activeStep]="activeStep()"\r
89416
- [task]="currentTask"\r
89417
- [errors]="errors()"\r
89418
- (close)="close.emit()"\r
89419
- (deltaDataChange)="onFederalFormationSave($event)"\r
89420
- (file)="onFederalFormationSubmit()"\r
89421
- (validate)="onFederalValidate($event)"\r
89422
- (umSave)="onFederalUpdateMaintainSave($event)"\r
89423
- (umValidate)="onFederalUpdateMaintainValidate($event)"\r
89424
- (umSubmit)="onFederalUpdateMaintainSubmit()"\r
89425
- (nextStep)="defineInitialStep()"\r
89426
- />\r
89427
- }\r
89428
- }\r
89429
- \r
89430
- @if (isLoading()) {\r
89431
- <div class="filing-content-loading">\r
89432
- <mat-spinner [diameter]="40" />\r
89433
- </div>\r
89434
- }\r
89435
- </div>\r
89436
- </div>\r
89370
+ }, template: `<div class="filing">
89371
+ <div class="filing-title">
89372
+ <h1 class="filing-title-text">{{title() | translate}}</h1>
89373
+ <mat-icon (click)="onClose()" class="filing-title-action">close</mat-icon>
89374
+ </div>
89375
+
89376
+ @if (isEditButton()) {
89377
+ <div class="filing-header">
89378
+ <button
89379
+ mat-stroked-button
89380
+ [disabled]="isLoading()"
89381
+ (click)="onEditClick()"
89382
+ >
89383
+ {{ 'Edit' | translate }}
89384
+ </button>
89385
+ </div>
89386
+ }
89387
+
89388
+ <div [class.edit]="isEditButton()" class="filing-content">
89389
+ @let currentTask = task();
89390
+
89391
+ @if (currentTask) {
89392
+ @if (isOntarioTask(currentTask)) {
89393
+ <ontario
89394
+ [task]="currentTask"
89395
+ [activeStep]="activeStep()"
89396
+ [isNote]="dataWasChanged()"
89397
+ [actionsDisabled]="isLoading()"
89398
+ [errors]="errors()"
89399
+ [prevData]="prevData()"
89400
+ (close)="close.emit()"
89401
+ (formationValidate)="onOntarioFormationValidate($event)"
89402
+ (saveFormationDeltaData)="onOntarioFormationSave($event)"
89403
+ (formationSubmit)="onOntarioFormationSubmit()"
89404
+ (nextStep)="onNextStepClick()"
89405
+ (prevStep)="onOntarioPrevStep()"
89406
+ [irValidationConfig]="validationConfig()"
89407
+ (irValidate)="validateAndFileInitialReturnTask($event)"
89408
+ (saveIrDeltaData)="onOntarioUpdateMaintainSave($event)"
89409
+ (irSubmit)="onInitialReturnSubmit()"
89410
+ />
89411
+ } @else {
89412
+ <federal
89413
+ [actionsDisabled]="isLoading()"
89414
+ [isNote]="dataWasChanged()"
89415
+ [activeStep]="activeStep()"
89416
+ [task]="currentTask"
89417
+ [errors]="errors()"
89418
+ (close)="close.emit()"
89419
+ (deltaDataChange)="onFederalFormationSave($event)"
89420
+ (file)="onFederalFormationSubmit()"
89421
+ (validate)="onFederalValidate($event)"
89422
+ (umSave)="onFederalUpdateMaintainSave($event)"
89423
+ (umValidate)="onFederalUpdateMaintainValidate($event)"
89424
+ (umSubmit)="onFederalUpdateMaintainSubmit()"
89425
+ (nextStep)="defineInitialStep()"
89426
+ />
89427
+ }
89428
+ }
89429
+
89430
+ @if (isLoading()) {
89431
+ <div class="filing-content-loading">
89432
+ <mat-spinner [diameter]="40" />
89433
+ </div>
89434
+ }
89435
+ </div>
89436
+ </div>
89437
89437
  `, styles: ["/* src/app/components/filing/filing.component.scss */\n:host {\n display: flex;\n}\n:host .filing {\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n:host .filing-title {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n:host .filing-title-text {\n color: #666666;\n}\n:host .filing-title-action {\n cursor: pointer;\n}\n:host .filing-header {\n display: flex;\n width: 100%;\n justify-content: flex-end;\n}\n:host .filing-content {\n height: calc(100% - 44px);\n}\n:host .filing-content.edit {\n height: calc(100% - 95px);\n}\n:host .filing-content-loading {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n background: transparent;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.pointer {\n cursor: pointer;\n}\n/*# sourceMappingURL=filing.component.css.map */\n", '/* src/app/components/filing/typography.scss */\n:host {\n --filing-modal-color-grey: #444444;\n --filing-modal-color-dark-blue: #485673;\n --filing-modal-color-grey-mid: #A0A0A0;\n --filing-modal-color-light-blue: #3778E4;\n --filing-modal-color-black: #444444;\n}\nmat-icon {\n font-family: "Material Icons" !important;\n font-size: 20px;\n height: 20px;\n width: 20px;\n line-height: 20px;\n}\nh1 {\n font-size: 24px;\n line-height: 28px;\n font-weight: 700;\n font-family: "Open Sans";\n margin: 0;\n}\nh2 {\n font-size: 22px;\n line-height: 26px;\n font-weight: 600;\n font-family: "Open Sans";\n margin: 0;\n}\nh3 {\n font-size: 18px;\n font-weight: 600;\n font-family: "Open Sans";\n margin-top: 0;\n margin-bottom: 0;\n}\nh4 {\n font-size: 16px;\n line-height: 22px;\n font-weight: 600;\n font-family: "Open Sans";\n margin: 0;\n}\nh4 {\n font-size: 16px;\n line-height: 20px;\n font-weight: 600;\n font-family: "Open Sans";\n margin: 0;\n}\n.body-1-regular {\n line-height: 20px;\n font-size: 14px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-1-bold {\n line-height: 20px;\n font-size: 14px !important;\n font-weight: 700;\n font-family: "Open Sans";\n}\n.body-1-semibold {\n line-height: 20px;\n font-size: 14px !important;\n font-weight: 600;\n font-family: "Open Sans";\n}\n.body-2-regular {\n line-height: 20px;\n font-size: 12px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-2-bold {\n line-height: 20px;\n font-size: 12px !important;\n font-weight: 700;\n font-family: "Open Sans";\n}\n.body-3-regular {\n line-height: 20px;\n font-size: 16px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-4-regular {\n line-height: 18px;\n font-size: 18px !important;\n font-weight: 400;\n font-family: "Open Sans";\n}\n.body-4-bold {\n line-height: 20px;\n font-size: 20px !important;\n font-weight: 700;\n font-family: "Open Sans";\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np {\n margin: 0;\n}\n.black {\n color: var(--filing-modal-color-black);\n}\n.grey {\n color: var(--filing-modal-color-grey);\n}\n.dark-blue {\n color: var(--filing-modal-color-dark-blue);\n}\n.grey-mid {\n color: var(--filing-modal-color-grey-mid);\n}\n.light-blue {\n color: var(--filing-modal-color-light-blue);\n}\n/*# sourceMappingURL=typography.css.map */\n', '/* src/app/components/filing/material-theme.scss */\n.filling {\n height: 100%;\n overflow: hidden;\n}\n* {\n box-sizing: border-box;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\n}\n.filling {\n margin: 0;\n font-family: "Helvetica Neue", sans-serif;\n}\n.filing {\n --app-font-family:\n -apple-system,\n BlinkMacSystemFont,\n "Helvetica Neue",\n Helvetica,\n Arial,\n sans-serif;\n --mat-sys-background: #faf9fd;\n --mat-sys-error: #ba1a1a;\n --mat-sys-error-container: #ffdad6;\n --mat-sys-inverse-on-surface: #f2f0f4;\n --mat-sys-inverse-primary: #abc7ff;\n --mat-sys-inverse-surface: #2f3033;\n --mat-sys-on-background: #1a1b1f;\n --mat-sys-on-error: #ffffff;\n --mat-sys-on-error-container: #93000a;\n --mat-sys-on-primary: #ffffff;\n --mat-sys-on-primary-container: #00458f;\n --mat-sys-on-primary-fixed: #001b3f;\n --mat-sys-on-primary-fixed-variant: #00458f;\n --mat-sys-on-secondary: #ffffff;\n --mat-sys-on-secondary-container: #3e4759;\n --mat-sys-on-secondary-fixed: #131c2b;\n --mat-sys-on-secondary-fixed-variant: #3e4759;\n --mat-sys-on-surface: #1a1b1f;\n --mat-sys-on-surface-variant: var(--filing-modal-color-grey);\n --mat-sys-on-tertiary: #ffffff;\n --mat-sys-on-tertiary-container: #0000ef;\n --mat-sys-on-tertiary-fixed: #00006e;\n --mat-sys-on-tertiary-fixed-variant: #0000ef;\n --mat-sys-outline: #74777f;\n --mat-sys-outline-variant: #c4c6d0;\n --mat-sys-primary: #3778e4;\n --mat-sys-primary-container: #d7e3ff;\n --mat-sys-primary-fixed: #d7e3ff;\n --mat-sys-primary-fixed-dim: #abc7ff;\n --mat-sys-scrim: #000000;\n --mat-sys-secondary: #565e71;\n --mat-sys-secondary-container: #dae2f9;\n --mat-sys-secondary-fixed: #dae2f9;\n --mat-sys-secondary-fixed-dim: #bec6dc;\n --mat-sys-shadow: #000000;\n --mat-sys-surface: #faf9fd;\n --mat-sys-surface-bright: #faf9fd;\n --mat-sys-surface-container: #efedf0;\n --mat-sys-surface-container-high: #e9e7eb;\n --mat-sys-surface-container-highest: #e3e2e6;\n --mat-sys-surface-container-low: #f4f3f6;\n --mat-sys-surface-container-lowest: #ffffff;\n --mat-sys-surface-dim: #dbd9dd;\n --mat-sys-surface-tint: #005cbb;\n --mat-sys-surface-variant: #e0e2ec;\n --mat-sys-tertiary: #343dff;\n --mat-sys-tertiary-container: #e0e0ff;\n --mat-sys-tertiary-fixed: #e0e0ff;\n --mat-sys-tertiary-fixed-dim: #bec2ff;\n --mat-sys-neutral-variant20: #2d3038;\n --mat-sys-neutral10: #1a1b1f;\n --mdc-filled-button-container-height: 35px;\n --mdc-outlined-button-container-height: 35px;\n --mdc-text-button-label-text-color: #808090;\n --mdc-filled-button-label-text-weight: 600;\n --mdc-text-button-label-text-weight: 600;\n --mdc-filled-button-container-shape: 4px;\n --mdc-outlined-button-outline-color: none;\n --mdc-outlined-button-container-shape: 6px;\n --mat-sys-level0:\n 0px 0px 0px 0px rgba(0, 0, 0, 0.2),\n 0px 0px 0px 0px rgba(0, 0, 0, 0.14),\n 0px 0px 0px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level1:\n 0px 2px 1px -1px rgba(0, 0, 0, 0.2),\n 0px 1px 1px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 3px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level2:\n 0px 3px 3px -2px rgba(0, 0, 0, 0.2),\n 0px 3px 4px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 8px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level3:\n 0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n 0px 6px 10px 0px rgba(0, 0, 0, 0.14),\n 0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n --mat-sys-level4:\n 0px 5px 5px -3px rgba(0, 0, 0, 0.2),\n 0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n 0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n --mat-sys-level5:\n 0px 7px 8px -4px rgba(0, 0, 0, 0.2),\n 0px 12px 17px 2px rgba(0, 0, 0, 0.14),\n 0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n --mdc-outlined-button-label-text-size: 14px;\n --mdc-filled-button-label-text-size: 14px;\n --mdc-filled-text-field-label-text-size: 16px;\n --mat-sys-body-large: 400 1rem / 1.5rem var(--app-font-family);\n --mat-sys-body-large-font: var(--app-font-family);\n --mat-sys-body-large-line-height: 1.5rem;\n --mat-sys-body-large-size: 14px;\n --mat-sys-body-large-tracking: 0.031rem;\n --mat-sys-body-large-weight: 400;\n --mat-sys-body-medium: 400 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-body-medium-font: var(--app-font-family);\n --mat-sys-body-medium-line-height: 1.25rem;\n --mat-sys-body-medium-size: 0.875rem;\n --mat-sys-body-medium-tracking: 0.016rem;\n --mat-sys-body-medium-weight: 400;\n --mat-sys-body-small: 400 0.75rem / 1rem var(--app-font-family);\n --mat-sys-body-small-font: var(--app-font-family);\n --mat-sys-body-small-line-height: 1rem;\n --mat-sys-body-small-size: 0.75rem;\n --mat-sys-body-small-tracking: 0.025rem;\n --mat-sys-body-small-weight: 400;\n --mat-sys-display-large: 400 3.562rem / 4rem var(--app-font-family);\n --mat-sys-display-large-font: var(--app-font-family);\n --mat-sys-display-large-line-height: 4rem;\n --mat-sys-display-large-size: 3.562rem;\n --mat-sys-display-large-tracking: -0.016rem;\n --mat-sys-display-large-weight: 400;\n --mat-sys-display-medium: 400 2.812rem / 3.25rem var(--app-font-family);\n --mat-sys-display-medium-font: var(--app-font-family);\n --mat-sys-display-medium-line-height: 3.25rem;\n --mat-sys-display-medium-size: 2.812rem;\n --mat-sys-display-medium-tracking: 0;\n --mat-sys-display-medium-weight: 400;\n --mat-sys-display-small: 400 2.25rem / 2.75rem var(--app-font-family);\n --mat-sys-display-small-font: var(--app-font-family);\n --mat-sys-display-small-line-height: 2.75rem;\n --mat-sys-display-small-size: 2.25rem;\n --mat-sys-display-small-tracking: 0;\n --mat-sys-display-small-weight: 400;\n --mat-sys-headline-large: 400 2rem / 2.5rem var(--app-font-family);\n --mat-sys-headline-large-font: var(--app-font-family);\n --mat-sys-headline-large-line-height: 2.5rem;\n --mat-sys-headline-large-size: 2rem;\n --mat-sys-headline-large-tracking: 0;\n --mat-sys-headline-large-weight: 400;\n --mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--app-font-family);\n --mat-sys-headline-medium-font: var(--app-font-family);\n --mat-sys-headline-medium-line-height: 2.25rem;\n --mat-sys-headline-medium-size: 1.75rem;\n --mat-sys-headline-medium-tracking: 0;\n --mat-sys-headline-medium-weight: 400;\n --mat-sys-headline-small: 400 1.5rem / 2rem var(--app-font-family);\n --mat-sys-headline-small-font: var(--app-font-family);\n --mat-sys-headline-small-line-height: 2rem;\n --mat-sys-headline-small-size: 1.5rem;\n --mat-sys-headline-small-tracking: 0;\n --mat-sys-headline-small-weight: 400;\n --mat-sys-label-large: 500 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-label-large-font: var(--app-font-family);\n --mat-sys-label-large-line-height: 1.25rem;\n --mat-sys-label-large-size: 0.875rem;\n --mat-sys-label-large-tracking: 0.006rem;\n --mat-sys-label-large-weight: 500;\n --mat-sys-label-large-weight-prominent: 700;\n --mat-sys-label-medium: 500 0.75rem / 1rem var(--app-font-family);\n --mat-sys-label-medium-font: var(--app-font-family);\n --mat-sys-label-medium-line-height: 1rem;\n --mat-sys-label-medium-size: 0.75rem;\n --mat-sys-label-medium-tracking: 0.031rem;\n --mat-sys-label-medium-weight: 500;\n --mat-sys-label-medium-weight-prominent: 700;\n --mat-sys-label-small: 500 0.688rem / 1rem var(--app-font-family);\n --mat-sys-label-small-font: var(--app-font-family);\n --mat-sys-label-small-line-height: 1rem;\n --mat-sys-label-small-size: 0.688rem;\n --mat-sys-label-small-tracking: 0.031rem;\n --mat-sys-label-small-weight: 500;\n --mat-sys-title-large: 400 1.375rem / 1.75rem var(--app-font-family);\n --mat-sys-title-large-font: var(--app-font-family);\n --mat-sys-title-large-line-height: 1.75rem;\n --mat-sys-title-large-size: 1.375rem;\n --mat-sys-title-large-tracking: 0;\n --mat-sys-title-large-weight: 400;\n --mat-sys-title-medium: 500 1rem / 1.5rem var(--app-font-family);\n --mat-sys-title-medium-font: var(--app-font-family);\n --mat-sys-title-medium-line-height: 1.5rem;\n --mat-sys-title-medium-size: 1rem;\n --mat-sys-title-medium-tracking: 0.009rem;\n --mat-sys-title-medium-weight: 500;\n --mat-sys-title-small: 500 0.875rem / 1.25rem var(--app-font-family);\n --mat-sys-title-small-font: var(--app-font-family);\n --mat-sys-title-small-line-height: 1.25rem;\n --mat-sys-title-small-size: 0.875rem;\n --mat-sys-title-small-tracking: 0.006rem;\n --mat-sys-title-small-weight: 500;\n --mat-sys-corner-extra-large: 28px;\n --mat-sys-corner-extra-large-top: 28px 28px 0 0;\n --mat-sys-corner-extra-small: 4px;\n --mat-sys-corner-extra-small-top: 4px 4px 0 0;\n --mat-sys-corner-full: 9999px;\n --mat-sys-corner-large: 16px;\n --mat-sys-corner-large-end: 0 16px 16px 0;\n --mat-sys-corner-large-start: 16px 0 0 16px;\n --mat-sys-corner-large-top: 16px 16px 0 0;\n --mat-sys-corner-medium: 12px;\n --mat-sys-corner-none: 0;\n --mat-sys-corner-small: 8px;\n --mat-sys-dragged-state-layer-opacity: 0.16;\n --mat-sys-focus-state-layer-opacity: 0.12;\n --mat-sys-hover-state-layer-opacity: 0.08;\n --mat-sys-pressed-state-layer-opacity: 0.12;\n}\n.filing .mat-primary .mat-pseudo-checkbox-checked,\n.filing .mat-primary .mat-pseudo-checkbox-indeterminate {\n background: transparent !important;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox {\n width: 24px;\n height: 24px;\n flex-basis: 24px;\n padding: 0;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n width: 24px;\n height: 24px;\n border-radius: 6px;\n top: 0;\n left: 0;\n border: 3px solid var(--filing-modal-color-grey);\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__checkmark {\n height: 20px;\n width: 20px;\n font-size: 20px;\n top: 1px;\n left: 1px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n.filing .mat-mdc-checkbox[cardView] .mat-ripple {\n display: none;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-label {\n padding-left: 8px;\n}\n.filing .mat-mdc-checkbox[cardView] .mdc-button__label {\n line-height: 10px;\n}\n/*# sourceMappingURL=material-theme.css.map */\n'] }]
89438
89438
  }], () => [], null);
89439
89439
  })();
@@ -94303,7 +94303,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
94303
94303
 
94304
94304
  // src/main.ts
94305
94305
  var require_main = __commonJS({
94306
- "src/main.ts"(exports$1) {
94306
+ "src/main.ts"(exports) {
94307
94307
  init_platform_browser();
94308
94308
  init_elements();
94309
94309
  init_filing_component();