@dyedurham/search-and-file-widget 2.0.4 → 2.0.5

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 +1507 -1492
  2. package/package.json +1 -1
package/dnd-filing-shell.js CHANGED
@@ -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();\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'] }]
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'] }]
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()}}">\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"] }]
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"] }]
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">
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>
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
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">\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' }]
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' }]
74488
74488
  }], null, null);
74489
74489
  })();
74490
74490
  (() => {
@@ -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">\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"] }]
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"] }]
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();
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>
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
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()}}">\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"] }]
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"] }]
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">
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>
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
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">
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>
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
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">
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>
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
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">
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>
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
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">
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>
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
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">
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>
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
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">
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
-
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
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">
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
-
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
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();\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"] }]
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"] }]
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">
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>
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
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">
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>
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
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
  })();
@@ -84769,7 +84769,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
84769
84769
  const task = this.task();
84770
84770
  if (task) {
84771
84771
  const mailings = task.entity.addresses.filter((a) => a.location_type === "Mailing");
84772
- const mailingOptions = mailings.map((mailing) => ({ label: `${mailing.display?.line1}${mailing.display?.line2}`, value: mailing.uid }));
84772
+ const mailingOptions = mailings.map((mailing) => ({ label: this.formatAddressLabel(mailing), value: mailing.uid }));
84773
84773
  const contacts = task.entity.affiliations.filter((a) => a.role.role_name === "Contact" && a._participant.participant_type === "person");
84774
84774
  const eplRegistrations = getEPRegistrations(task);
84775
84775
  this.registeredOfficeAddressFields = generateFederalFormationFormRegisteredOfficeAddressControl(mailingOptions);
@@ -84863,14 +84863,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
84863
84863
  for (const address of affiliation.addresses) {
84864
84864
  const display = address.display;
84865
84865
  addressOptions.push({
84866
- label: `${display?.line1 ?? ""} ${display?.line2 ?? ""}`,
84866
+ label: this.formatAddressLabel(address, display?.line1, display?.line2),
84867
84867
  value: address.uid
84868
84868
  });
84869
84869
  }
84870
84870
  const registeredOfficeAddress = affiliation?.parent_affiliation?.addresses?.[0];
84871
84871
  if (registeredOfficeAddress) {
84872
84872
  const registeredOfficeAddressOption = {
84873
- label: `${registeredOfficeAddress?.display?.line1 ?? ""}${registeredOfficeAddress?.display?.line2 ?? ""}`,
84873
+ label: this.formatAddressLabel(registeredOfficeAddress),
84874
84874
  value: registeredOfficeAddress?.uid
84875
84875
  };
84876
84876
  addressOptions.push(registeredOfficeAddressOption);
@@ -84887,13 +84887,28 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
84887
84887
  const individualsWithSignificantControl = getIndividualWithSignificantControl(affiliations);
84888
84888
  for (const individual of individualsWithSignificantControl) {
84889
84889
  const addressOptions = individual.addresses.map((address) => ({
84890
- label: `${address.display?.line1 ?? ""} ${address.display?.line2 ?? ""}`.trim(),
84890
+ label: this.formatAddressLabel(address),
84891
84891
  value: address.uid
84892
84892
  }));
84893
84893
  map2.set(individual._id, addressOptions);
84894
84894
  }
84895
84895
  return map2;
84896
84896
  }
84897
+ formatAddressLabel(address, fallbackLine1 = "", fallbackLine2 = "") {
84898
+ const line1 = address?.display?.line1 ?? fallbackLine1;
84899
+ const line2 = address?.display?.line2 ?? fallbackLine2;
84900
+ const structuredParts = [
84901
+ line1,
84902
+ address?.city,
84903
+ address?.province_state,
84904
+ address?.country,
84905
+ address?.postal_zip
84906
+ ].map((part) => part?.toString().trim()).filter(Boolean);
84907
+ if (structuredParts.length > 1) {
84908
+ return structuredParts.join(", ");
84909
+ }
84910
+ return [line1, line2].map((part) => part?.toString().trim()).filter(Boolean).join(", ");
84911
+ }
84897
84912
  getFormGroup(key) {
84898
84913
  return this.form().get(key);
84899
84914
  }
@@ -85000,246 +85015,246 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85000
85015
  TranslatePipe,
85001
85016
  ReactiveFormsModule,
85002
85017
  DatePipe
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>
85018
+ ], template: `<div class="incorporation-form">\r
85019
+ @if (isNote()) {\r
85020
+ <alert\r
85021
+ [type]="alertType.Info"\r
85022
+ title="Entity changed"\r
85023
+ content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
85024
+ />\r
85025
+ }\r
85026
+ \r
85027
+ @if (errors().length) {\r
85028
+ <alert\r
85029
+ title="The following issues need to be resolved before proceeding:"\r
85030
+ [content]="errors()"\r
85031
+ />\r
85032
+ }\r
85033
+ \r
85034
+ <div class="incorporation-form-content">\r
85035
+ @let corporateName = getFormGroup(groups.CorporateName);\r
85036
+ \r
85037
+ @if (corporateName) {\r
85038
+ <expandable-card\r
85039
+ [isValid]="sectionValidity['corporateName']"\r
85040
+ [isStatusIcon]="isStatusIcon()"\r
85041
+ [title]="groups.CorporateName"\r
85042
+ >\r
85043
+ <div class="incorporation-form-item">\r
85044
+ <filing-form-group\r
85045
+ [isSubmitted]="isSubmitted()"\r
85046
+ [form]="corporateName"\r
85047
+ [config]="incorporationFields"\r
85048
+ (visiblyValidChange)="onSectionValidChange('corporateName', $event)"\r
85049
+ />\r
85050
+ \r
85051
+ @if (isNonPreapprovedNameType() || selectedDocuments().length) {\r
85052
+ <documents\r
85053
+ [documents]="documents()"\r
85054
+ [readonly]="isReadonly()"\r
85055
+ [selectedDocuments]="selectedDocuments()"\r
85056
+ (addDocuments)="addDocuments.emit($event)"\r
85057
+ (removeDocument)="removeDocument.emit($event)"\r
85058
+ />\r
85059
+ }\r
85060
+ </div>\r
85061
+ </expandable-card>\r
85062
+ }\r
85063
+ \r
85064
+ @let articlesOfIncorporation = getFormGroup(groups.ArticlesOfIncorporation);\r
85065
+ \r
85066
+ @if (articlesOfIncorporation) {\r
85067
+ <expandable-card\r
85068
+ [isValid]="sectionValidity['articles']"\r
85069
+ [isStatusIcon]="isStatusIcon()"\r
85070
+ [title]="groups.ArticlesOfIncorporation"\r
85071
+ >\r
85072
+ <div class="incorporation-form-item">\r
85073
+ <span\r
85074
+ class="body-1-regular black"\r
85075
+ [innerHTML]="directorsSubtitle()"\r
85076
+ ></span>\r
85077
+ \r
85078
+ <filing-form-group\r
85079
+ [isSubmitted]="isSubmitted()"\r
85080
+ [form]="articlesOfIncorporation"\r
85081
+ [config]="articlesOfIncorporationFields"\r
85082
+ (visiblyValidChange)="onSectionValidChange('articles', $event)"\r
85083
+ />\r
85084
+ <div>\r
85085
+ <span class="body-1-semibold dark-blue">{{ 'Incorporators' | translate }}</span>\r
85086
+ \r
85087
+ <ul class="incorporators-list">\r
85088
+ @for (\r
85089
+ incorporator of task()?._ext?._incorporators;\r
85090
+ track incorporator.affiliationID\r
85091
+ ) {\r
85092
+ <li class="body-1-regular grey">\r
85093
+ {{ getIncorporatorName(incorporator) }}\r
85094
+ </li>\r
85095
+ }\r
85096
+ </ul>\r
85097
+ </div>\r
85098
+ \r
85099
+ <span class="body-1-regular grey"\r
85100
+ >{{ 'Effective Date' | translate }}:\r
85101
+ {{\r
85102
+ task()?._ext?._future_filing_date\r
85103
+ ? (task()!._ext!._future_filing_date | date: "yyyy-MM-dd")\r
85104
+ : (today | date: "yyyy-MM-dd")\r
85105
+ }}</span\r
85106
+ >\r
85107
+ </div>\r
85108
+ </expandable-card>\r
85109
+ }\r
85110
+ \r
85111
+ @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);\r
85112
+ \r
85113
+ @if (registeredOfficeAddress) {\r
85114
+ <expandable-card\r
85115
+ [isValid]="sectionValidity['registeredOffice']"\r
85116
+ [isStatusIcon]="isStatusIcon()"\r
85117
+ [title]="groups.RegisteredOfficeAddress"\r
85118
+ >\r
85119
+ <div class="incorporation-form-item">\r
85120
+ <filing-form-group\r
85121
+ [isSubmitted]="isSubmitted()"\r
85122
+ [form]="registeredOfficeAddress"\r
85123
+ [config]="registeredOfficeAddressFields"\r
85124
+ (visiblyValidChange)="\r
85125
+ onSectionValidChange('registeredOffice', $event)\r
85126
+ "\r
85127
+ />\r
85128
+ </div>\r
85129
+ </expandable-card>\r
85130
+ }\r
85131
+ \r
85132
+ @let directorsArray = getFormArray(groups.Directors);\r
85133
+ \r
85134
+ @if (directorsArray && directorsArray.length) {\r
85135
+ @let directorsFormArray = getFormArray(groups.Directors);\r
85136
+ <expandable-list-card\r
85137
+ [isValid]="sectionValidity['directors']"\r
85138
+ [isSubmitted]="isSubmitted()"\r
85139
+ [areItemsOpen]="directorsArray.length <= initiallyOpenCardsCount"\r
85140
+ [fields]="directorsFields"\r
85141
+ [formArray]="directorsFormArray"\r
85142
+ [title]="groups.Directors"\r
85143
+ (visiblyValidChange)="onSectionValidChange('directors', $event)"\r
85144
+ />\r
85145
+ } @else {\r
85146
+ <expandable-card [title]="groups.Directors">\r
85147
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
85148
+ </expandable-card>\r
85149
+ }\r
85150
+ \r
85151
+ @let significantControl = getFormGroup(groups.SignificantControl);\r
85152
+ @if (significantControl) {\r
85153
+ @let individualsWithSignificantControlArray =\r
85154
+ getFormArray(groups.IndividualsWithSignificantControl);\r
85155
+ \r
85156
+ @if (individualsWithSignificantControlArray) {\r
85157
+ <expandable-list-card\r
85158
+ [areItemsOpen]="\r
85159
+ individualsWithSignificantControlArray.length <=\r
85160
+ initiallyOpenCardsCount\r
85161
+ "\r
85162
+ [isValid]="\r
85163
+ sectionValidity['isc'] &&\r
85164
+ sectionValidity['significantControl']\r
85165
+ "\r
85166
+ (remove)="onRemoveIndividualWithSignificantForm($event)"\r
85167
+ [removable]="!isReadonly()"\r
85168
+ [isSubmitted]="isSubmitted()"\r
85169
+ [isStatusIcon]="isStatusIcon()"\r
85170
+ [fields]="individualsWithSignificantControlFields"\r
85171
+ [formArray]="individualsWithSignificantControlArray"\r
85172
+ [title]="groups.IndividualsWithSignificantControl"\r
85173
+ (visiblyValidChange)="onSectionValidChange('isc', $event)"\r
85174
+ >\r
85175
+ @if (\r
85176
+ !isReadonly() && isAddIndividualWithSignificantControlAvailable()\r
85177
+ ) {\r
85178
+ <button\r
85179
+ [disabled]="isAddIndividualWithSignificantControlDisabled()"\r
85180
+ slot="subtitle"\r
85181
+ mat-stroked-button\r
85182
+ mat-button\r
85183
+ (click)="addIndividualWithSignificantControl()"\r
85184
+ >\r
85185
+ <span class="body-1-semibold">{{\r
85186
+ "Add Individuals With Significant Control" | translate\r
85187
+ }}</span>\r
85188
+ </button>\r
85189
+ }\r
85190
+ \r
85191
+ <div class="significant-control" slot="header-content">\r
85192
+ <filing-form-group\r
85193
+ [isSubmitted]="isSubmitted()"\r
85194
+ [form]="significantControl"\r
85195
+ [config]="significantControlFields"\r
85196
+ (visiblyValidChange)="\r
85197
+ onSectionValidChange('significantControl', $event)\r
85198
+ "\r
85199
+ />\r
85200
+ </div>\r
85201
+ </expandable-list-card>\r
85202
+ }\r
85203
+ }\r
85204
+ \r
85205
+ @let inviteDirectorToBeFullAccessManager =\r
85206
+ getFormGroup(groups.InviteDirectorToBeFullAccessManager);\r
85207
+ @if (inviteDirectorToBeFullAccessManager) {\r
85208
+ <expandable-card\r
85209
+ [isValid]="sectionValidity['inviteDirector']"\r
85210
+ [title]="groups.InviteDirectorToBeFullAccessManager"\r
85211
+ >\r
85212
+ <filing-form-group\r
85213
+ [isSubmitted]="isSubmitted()"\r
85214
+ [form]="inviteDirectorToBeFullAccessManager"\r
85215
+ [config]="federalFormationFormInviteDirectorsToBeManagersControl"\r
85216
+ (visiblyValidChange)="onSectionValidChange('inviteDirector', $event)"\r
85217
+ />\r
85218
+ </expandable-card>\r
85219
+ }\r
85220
+ \r
85221
+ @let extraProvincialLicensesArray =\r
85222
+ getFormArray(groups.ExtraProvincialRegistrations);\r
85223
+ @let extraProvincialLicensesControlsLength =\r
85224
+ extraProvincialLicensesArray?.length;\r
85225
+ \r
85226
+ @if (extraProvincialLicensesControlsLength) {\r
85227
+ <expandable-list-card\r
85228
+ [areItemsOpen]="extraProvincialLicensesControlsLength === 1"\r
85229
+ [isValid]="sectionValidity['epl']"\r
85230
+ [isSubmitted]="isSubmitted()"\r
85231
+ [isStatusIcon]="isStatusIcon()"\r
85232
+ [fields]="extraProvincialLicensesFields"\r
85233
+ [formArray]="extraProvincialLicensesArray"\r
85234
+ [title]="groups.ExtraProvincialRegistrations"\r
85235
+ (visiblyValidChange)="onSectionValidChange('epl', $event)"\r
85236
+ />\r
85237
+ }\r
85238
+ \r
85239
+ @let contactForm = getFormGroup(groups.Contact);\r
85240
+ @if (contactForm) {\r
85241
+ <expandable-card\r
85242
+ [isStatusIcon]="isStatusIcon()"\r
85243
+ [isValid]="sectionValidity['contact']"\r
85244
+ [title]="groups.Contact"\r
85245
+ >\r
85246
+ <filing-form-group\r
85247
+ [isSubmitted]="isSubmitted()"\r
85248
+ [form]="contactForm"\r
85249
+ [config]="contactControl"\r
85250
+ (visiblyValidChange)="onSectionValidChange('contact', $event)"\r
85251
+ />\r
85252
+ </expandable-card>\r
85253
+ }\r
85254
+ \r
85255
+ <ng-content></ng-content>\r
85256
+ </div>\r
85257
+ </div>\r
85243
85258
  `, 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
85259
  }], () => [], null);
85245
85260
  })();
@@ -85361,39 +85376,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85361
85376
  MatButton,
85362
85377
  TranslatePipe,
85363
85378
  FederalIncorporationFormComponent
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>
85379
+ ], template: `<div class="incorporation-delta-form">\r
85380
+ <federal-incorporation-form\r
85381
+ class="incorporation-delta-form-content"\r
85382
+ [form]="form()"\r
85383
+ [task]="task()"\r
85384
+ [errors]="combinedErrors()"\r
85385
+ [isNote]="isNote()"\r
85386
+ [isSubmitted]="submitted()"\r
85387
+ [documents]="documents()"\r
85388
+ [selectedDocuments]="selectedDocuments()"\r
85389
+ (addDocuments)="addDocuments.emit($event)"\r
85390
+ (removeDocument)="removeDocument.emit($event)"\r
85391
+ (visiblyValidChange)="onVisiblyValidChange($event)"\r
85392
+ />\r
85393
+ \r
85394
+ <div class="incorporation-delta-form-actions">\r
85395
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
85396
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
85397
+ </button>\r
85398
+ <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>\r
85399
+ <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
85400
+ </button>\r
85401
+ <button\r
85402
+ class="submit"\r
85403
+ color="primary"\r
85404
+ mat-flat-button\r
85405
+ [disabled]="actionsDisabled()"\r
85406
+ (click)="onValidate()"\r
85407
+ >\r
85408
+ <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
85409
+ </button>\r
85410
+ </div>\r
85411
+ </div>\r
85397
85412
  `, 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
85413
  }], null, null);
85399
85414
  })();
@@ -85512,39 +85527,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85512
85527
  FederalIncorporationFormComponent,
85513
85528
  ExpandableCardComponent,
85514
85529
  FilingFormGroupComponent
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>
85530
+ ], template: `<div class="incorporation-delta-form">\r
85531
+ <federal-incorporation-form\r
85532
+ class="incorporation-delta-form-content"\r
85533
+ [form]="form()"\r
85534
+ [task]="task()"\r
85535
+ [errors]="errors()"\r
85536
+ [selectedDocuments]="selectedDocuments()"\r
85537
+ [isStatusIcon]="false"\r
85538
+ [isReadonly]="true"\r
85539
+ >\r
85540
+ @let signatoryInformation = getFormGroup(groups.Signatory);\r
85541
+ \r
85542
+ <expandable-card [isExpandable]="false">\r
85543
+ <filing-form-group [isSubmitted]="true" [form]="signatoryInformation" [config]="signatoryFields"/>\r
85544
+ </expandable-card>\r
85545
+ \r
85546
+ </federal-incorporation-form>\r
85547
+ \r
85548
+ <div class="incorporation-delta-form-actions">\r
85549
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
85550
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
85551
+ </button>\r
85552
+ <button\r
85553
+ class="submit"\r
85554
+ color="primary"\r
85555
+ mat-flat-button\r
85556
+ [disabled]="actionsDisabled() || !getFormGroup(groups.Signatory).get(controls.Signatory)?.value"\r
85557
+ (click)="file.emit()"\r
85558
+ >\r
85559
+ <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
85560
+ </button>\r
85561
+ </div>\r
85562
+ </div>\r
85548
85563
  `, 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
85564
  }], () => [], null);
85550
85565
  })();
@@ -86176,139 +86191,139 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
86176
86191
  ReactiveFormsModule,
86177
86192
  MatButton,
86178
86193
  TranslatePipe
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>
86194
+ ], template: `<div class="federal-update-maintain-form">\r
86195
+ @if (isNote()) {\r
86196
+ <alert\r
86197
+ [type]="alertType.Info"\r
86198
+ title="Entity changed"\r
86199
+ content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
86200
+ />\r
86201
+ }\r
86202
+ \r
86203
+ @if (errors().length) {\r
86204
+ <alert\r
86205
+ title="The following issues need to be resolved before proceeding:"\r
86206
+ [content]="errors()"\r
86207
+ />\r
86208
+ }\r
86209
+ \r
86210
+ <div class="federal-update-maintain-form-content">\r
86211
+ @let corporationDetails = getFormGroup(groups.CorporationDetails);\r
86212
+ @if (corporationDetails) {\r
86213
+ <expandable-card\r
86214
+ [isValid]="sectionValidity['corporationDetails']"\r
86215
+ [title]="groups.CorporationDetails"\r
86216
+ >\r
86217
+ <filing-form-group\r
86218
+ [isSubmitted]="isSubmitted()"\r
86219
+ [form]="corporationDetails"\r
86220
+ [config]="corporationDetailsFields"\r
86221
+ (visiblyValidChange)="\r
86222
+ onSectionValidChange('corporationDetails', $event)\r
86223
+ "\r
86224
+ />\r
86225
+ </expandable-card>\r
86226
+ }\r
86227
+ \r
86228
+ @let directorsArray = getFormArray(groups.Directors);\r
86229
+ @if (directorsArray && directorsArray.length) {\r
86230
+ <expandable-list-card\r
86231
+ [isValid]="sectionValidity['directors']"\r
86232
+ [isSubmitted]="isSubmitted()"\r
86233
+ [fields]="directorsFields"\r
86234
+ [formArray]="directorsArray"\r
86235
+ [labelKey]="controls.AffiliationName"\r
86236
+ [title]="groups.Directors"\r
86237
+ (visiblyValidChange)="onSectionValidChange('directors', $event)"\r
86238
+ />\r
86239
+ } @else {\r
86240
+ <expandable-card [title]="groups.Directors">\r
86241
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
86242
+ </expandable-card>\r
86243
+ }\r
86244
+ \r
86245
+ @let annualReturn = getFormGroup(groups.AnnualReturn);\r
86246
+ @if (annualReturn) {\r
86247
+ <expandable-card\r
86248
+ [isValid]="sectionValidity['annualReturn']"\r
86249
+ [title]="groups.AnnualReturn"\r
86250
+ >\r
86251
+ <filing-form-group\r
86252
+ [isSubmitted]="isSubmitted()"\r
86253
+ [form]="annualReturn"\r
86254
+ [config]="annualReturnFields"\r
86255
+ (visiblyValidChange)="onSectionValidChange('annualReturn', $event)"\r
86256
+ />\r
86257
+ </expandable-card>\r
86258
+ }\r
86259
+ \r
86260
+ @let significantControl = getFormGroup(groups.SignificantControl);\r
86261
+ @if (significantControl) {\r
86262
+ @let individualsArray =\r
86263
+ getFormArray(groups.IndividualsWithSignificantControl);\r
86264
+ @if (individualsArray) {\r
86265
+ <expandable-list-card\r
86266
+ [areItemsOpen]="isIndividualsWithSignificantControlOpen()"\r
86267
+ [isValid]="\r
86268
+ sectionValidity['isc'] && sectionValidity['significantControl']\r
86269
+ "\r
86270
+ [isSubmitted]="isSubmitted()"\r
86271
+ [isStatusIcon]="true"\r
86272
+ [removable]="!readonly()"\r
86273
+ [fields]="individualsWithSignificantControlFields()"\r
86274
+ [formArray]="individualsArray"\r
86275
+ [labelKey]="controls.AffiliationName"\r
86276
+ [title]="groups.IndividualsWithSignificantControl"\r
86277
+ (remove)="onRemoveIndividualWithSignificantForm($event)"\r
86278
+ (visiblyValidChange)="onSectionValidChange('isc', $event)"\r
86279
+ >\r
86280
+ @if (\r
86281
+ !readonly() && isAddIndividualWithSignificantControlAvailable()\r
86282
+ ) {\r
86283
+ <button\r
86284
+ [disabled]="isAddIndividualWithSignificantControlDisabled()"\r
86285
+ slot="subtitle"\r
86286
+ mat-stroked-button\r
86287
+ mat-button\r
86288
+ (click)="addIndividualWithSignificantControl()"\r
86289
+ >\r
86290
+ <span class="body-1-semibold">{{\r
86291
+ "Add Individuals With Significant Control" | translate\r
86292
+ }}</span>\r
86293
+ </button>\r
86294
+ }\r
86295
+ \r
86296
+ <div class="card-header-content" slot="header-content">\r
86297
+ <filing-form-group\r
86298
+ [isSubmitted]="isSubmitted()"\r
86299
+ [form]="significantControl"\r
86300
+ [config]="significantControlFields"\r
86301
+ (visiblyValidChange)="\r
86302
+ onSectionValidChange('significantControl', $event)\r
86303
+ "\r
86304
+ />\r
86305
+ </div>\r
86306
+ </expandable-list-card>\r
86307
+ }\r
86308
+ }\r
86309
+ \r
86310
+ @let contact = getFormGroup(groups.Contact);\r
86311
+ @if (contact) {\r
86312
+ <expandable-card\r
86313
+ [isStatusIcon]="!readonly()"\r
86314
+ [isValid]="sectionValidity['contact']"\r
86315
+ [title]="groups.Contact"\r
86316
+ >\r
86317
+ <filing-form-group\r
86318
+ [isSubmitted]="isSubmitted()"\r
86319
+ [form]="contact"\r
86320
+ [config]="contactControl()"\r
86321
+ (visiblyValidChange)="onSectionValidChange('contact', $event)"\r
86322
+ />\r
86323
+ </expandable-card>\r
86324
+ }\r
86325
+ </div>\r
86326
+ </div>\r
86312
86327
  `, 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
86328
  }], () => [], null);
86314
86329
  })();
@@ -86422,37 +86437,37 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
86422
86437
  MatButton,
86423
86438
  TranslatePipe,
86424
86439
  FederalUpdateMaintainFormComponent
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
-
86440
+ ], template: `<div class="federal-update-maintain-delta-form">\r
86441
+ <federal-update-maintain-form\r
86442
+ class="federal-update-maintain-delta-form-content"\r
86443
+ [form]="form()"\r
86444
+ [task]="task()"\r
86445
+ [errors]="combinedErrors()"\r
86446
+ [isNote]="isNote()"\r
86447
+ [isSubmitted]="submitted()"\r
86448
+ [readonly]="false"\r
86449
+ (visiblyValidChange)="onVisiblyValidChange($event)"\r
86450
+ />\r
86451
+ \r
86452
+ <div class="federal-update-maintain-delta-form-actions">\r
86453
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
86454
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
86455
+ </button>\r
86456
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="save.emit()">\r
86457
+ <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
86458
+ </button>\r
86459
+ <button\r
86460
+ class="submit"\r
86461
+ color="primary"\r
86462
+ mat-flat-button\r
86463
+ [disabled]="actionsDisabled()"\r
86464
+ (click)="onValidate()"\r
86465
+ >\r
86466
+ <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
86467
+ </button>\r
86468
+ </div>\r
86469
+ </div>\r
86470
+ \r
86456
86471
  `, 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
86472
  }], null, null);
86458
86473
  })();
@@ -86527,32 +86542,32 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
86527
86542
  MatButton,
86528
86543
  TranslatePipe,
86529
86544
  FederalUpdateMaintainFormComponent
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
-
86545
+ ], template: `<div class="federal-update-maintain-preview-form">\r
86546
+ <federal-update-maintain-form\r
86547
+ class="federal-update-maintain-preview-form-content"\r
86548
+ [form]="form()"\r
86549
+ [task]="task()"\r
86550
+ [errors]="errors()"\r
86551
+ [isSubmitted]="false"\r
86552
+ [readonly]="true"\r
86553
+ />\r
86554
+ \r
86555
+ <div class="federal-update-maintain-preview-form-actions">\r
86556
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
86557
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
86558
+ </button>\r
86559
+ <button\r
86560
+ class="submit"\r
86561
+ color="primary"\r
86562
+ mat-flat-button\r
86563
+ [disabled]="actionsDisabled()"\r
86564
+ (click)="file.emit()"\r
86565
+ >\r
86566
+ <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
86567
+ </button>\r
86568
+ </div>\r
86569
+ </div>\r
86570
+ \r
86556
86571
  `, 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
86572
  }], null, null);
86558
86573
  })();
@@ -86973,7 +86988,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
86973
86988
  FederalIncorporationPreviewFormComponent,
86974
86989
  FederalUpdateMaintainDeltaFormComponent,
86975
86990
  FederalUpdateMaintainPreviewFormComponent
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"] }]
86991
+ ], 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"] }]
86977
86992
  }], () => [], null);
86978
86993
  })();
86979
86994
  (() => {
@@ -89367,73 +89382,73 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
89367
89382
  OntarioComponent
89368
89383
  ], encapsulation: ViewEncapsulation.ShadowDom, host: {
89369
89384
  "[style.height]": "modalHeight()"
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>
89385
+ }, template: `<div class="filing">\r
89386
+ <div class="filing-title">\r
89387
+ <h1 class="filing-title-text">{{title() | translate}}</h1>\r
89388
+ <mat-icon (click)="onClose()" class="filing-title-action">close</mat-icon>\r
89389
+ </div>\r
89390
+ \r
89391
+ @if (isEditButton()) {\r
89392
+ <div class="filing-header">\r
89393
+ <button\r
89394
+ mat-stroked-button\r
89395
+ [disabled]="isLoading()"\r
89396
+ (click)="onEditClick()"\r
89397
+ >\r
89398
+ {{ 'Edit' | translate }}\r
89399
+ </button>\r
89400
+ </div>\r
89401
+ }\r
89402
+ \r
89403
+ <div [class.edit]="isEditButton()" class="filing-content">\r
89404
+ @let currentTask = task();\r
89405
+ \r
89406
+ @if (currentTask) {\r
89407
+ @if (isOntarioTask(currentTask)) {\r
89408
+ <ontario\r
89409
+ [task]="currentTask"\r
89410
+ [activeStep]="activeStep()"\r
89411
+ [isNote]="dataWasChanged()"\r
89412
+ [actionsDisabled]="isLoading()"\r
89413
+ [errors]="errors()"\r
89414
+ [prevData]="prevData()"\r
89415
+ (close)="close.emit()"\r
89416
+ (formationValidate)="onOntarioFormationValidate($event)"\r
89417
+ (saveFormationDeltaData)="onOntarioFormationSave($event)"\r
89418
+ (formationSubmit)="onOntarioFormationSubmit()"\r
89419
+ (nextStep)="onNextStepClick()"\r
89420
+ (prevStep)="onOntarioPrevStep()"\r
89421
+ [irValidationConfig]="validationConfig()"\r
89422
+ (irValidate)="validateAndFileInitialReturnTask($event)"\r
89423
+ (saveIrDeltaData)="onOntarioUpdateMaintainSave($event)"\r
89424
+ (irSubmit)="onInitialReturnSubmit()"\r
89425
+ />\r
89426
+ } @else {\r
89427
+ <federal\r
89428
+ [actionsDisabled]="isLoading()"\r
89429
+ [isNote]="dataWasChanged()"\r
89430
+ [activeStep]="activeStep()"\r
89431
+ [task]="currentTask"\r
89432
+ [errors]="errors()"\r
89433
+ (close)="close.emit()"\r
89434
+ (deltaDataChange)="onFederalFormationSave($event)"\r
89435
+ (file)="onFederalFormationSubmit()"\r
89436
+ (validate)="onFederalValidate($event)"\r
89437
+ (umSave)="onFederalUpdateMaintainSave($event)"\r
89438
+ (umValidate)="onFederalUpdateMaintainValidate($event)"\r
89439
+ (umSubmit)="onFederalUpdateMaintainSubmit()"\r
89440
+ (nextStep)="defineInitialStep()"\r
89441
+ />\r
89442
+ }\r
89443
+ }\r
89444
+ \r
89445
+ @if (isLoading()) {\r
89446
+ <div class="filing-content-loading">\r
89447
+ <mat-spinner [diameter]="40" />\r
89448
+ </div>\r
89449
+ }\r
89450
+ </div>\r
89451
+ </div>\r
89437
89452
  `, 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
89453
  }], () => [], null);
89439
89454
  })();