@dyedurham/search-and-file-widget 1.6.31 → 1.6.33

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 +1516 -1516
  2. package/package.json +1 -1
package/dnd-filing-shell.js CHANGED
@@ -60674,7 +60674,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
60674
60674
  (() => {
60675
60675
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(ConfirmModalComponent, [{
60676
60676
  type: Component,
60677
- 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'] }]
60677
+ 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'] }]
60678
60678
  }], null, null);
60679
60679
  })();
60680
60680
  (() => {
@@ -62918,7 +62918,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
62918
62918
  (() => {
62919
62919
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(ChipComponent, [{
62920
62920
  type: Component,
62921
- 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"] }]
62921
+ 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"] }]
62922
62922
  }], null, null);
62923
62923
  })();
62924
62924
  (() => {
@@ -63138,45 +63138,45 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
63138
63138
  animate("100ms cubic-bezier(0.4, 0.0, 0.2, 1)")
63139
63139
  ])
63140
63140
  ])
63141
- ], template: `<div [class.padded]="padded()" [class.border]="border()" class="expandable-card">\r
63142
- <div (click)="toggle()" class="expandable-card-header">\r
63143
- <h2 [class.list-item]="isListItem()" class="expandable-card-header-title">{{title() | translate}}\r
63144
- @if (role()) {\r
63145
- <span>({{role()}})</span>\r
63146
- }\r
63147
- </h2>\r
63148
- <div [class.list-item]="isListItem()" class="expandable-card-header-container">\r
63149
- @if (isStatusIcon()) {\r
63150
- @if (!isValid()) {\r
63151
- <mat-icon class="expandable-card-header-status-icon"> error_outline </mat-icon>\r
63152
- }\r
63153
- }\r
63154
- \r
63155
- @if(chipType() && !isLoading()) {\r
63156
- <chip [type]="chipType()" [title]="chipText()"/>\r
63157
- }\r
63158
- \r
63159
- @if (isExpandable()) {\r
63160
- <mat-icon [class.rotated]="!isExpanded()">arrow_forward_ios</mat-icon>\r
63161
- }\r
63162
- </div>\r
63163
- </div>\r
63164
- \r
63165
- <div class="expandable-card-content"\r
63166
- [@expandCollapse]="isExpanded()">\r
63167
- <div class="expandable-card-content-item">\r
63168
- <ng-content></ng-content>\r
63169
- \r
63170
- @if (removable()) {\r
63171
- <div class="expandable-card-content-item-actions">\r
63172
- <span (click)="remove.emit()" class="body-1-regular light-blue pointer">{{'Remove' | translate}}</span>\r
63173
- </div>\r
63174
- }\r
63175
- \r
63176
- \r
63177
- </div>\r
63178
- </div>\r
63179
- </div>\r
63141
+ ], template: `<div [class.padded]="padded()" [class.border]="border()" class="expandable-card">
63142
+ <div (click)="toggle()" class="expandable-card-header">
63143
+ <h2 [class.list-item]="isListItem()" class="expandable-card-header-title">{{title() | translate}}
63144
+ @if (role()) {
63145
+ <span>({{role()}})</span>
63146
+ }
63147
+ </h2>
63148
+ <div [class.list-item]="isListItem()" class="expandable-card-header-container">
63149
+ @if (isStatusIcon()) {
63150
+ @if (!isValid()) {
63151
+ <mat-icon class="expandable-card-header-status-icon"> error_outline </mat-icon>
63152
+ }
63153
+ }
63154
+
63155
+ @if(chipType() && !isLoading()) {
63156
+ <chip [type]="chipType()" [title]="chipText()"/>
63157
+ }
63158
+
63159
+ @if (isExpandable()) {
63160
+ <mat-icon [class.rotated]="!isExpanded()">arrow_forward_ios</mat-icon>
63161
+ }
63162
+ </div>
63163
+ </div>
63164
+
63165
+ <div class="expandable-card-content"
63166
+ [@expandCollapse]="isExpanded()">
63167
+ <div class="expandable-card-content-item">
63168
+ <ng-content></ng-content>
63169
+
63170
+ @if (removable()) {
63171
+ <div class="expandable-card-content-item-actions">
63172
+ <span (click)="remove.emit()" class="body-1-regular light-blue pointer">{{'Remove' | translate}}</span>
63173
+ </div>
63174
+ }
63175
+
63176
+
63177
+ </div>
63178
+ </div>
63179
+ </div>
63180
63180
  `, 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"] }]
63181
63181
  }], () => [], null);
63182
63182
  })();
@@ -74441,7 +74441,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
74441
74441
  MatFormFieldModule,
74442
74442
  MatInputModule,
74443
74443
  MatAutocompleteModule
74444
- ], 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' }]
74444
+ ], 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' }]
74445
74445
  }], null, null);
74446
74446
  })();
74447
74447
  (() => {
@@ -78584,7 +78584,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
78584
78584
  }
78585
78585
  ], imports: [
78586
78586
  MatCheckbox
78587
- ], 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"] }]
78587
+ ], 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"] }]
78588
78588
  }], null, null);
78589
78589
  })();
78590
78590
  (() => {
@@ -79298,234 +79298,234 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
79298
79298
  { provide: DateAdapter, useClass: MomentDateAdapter },
79299
79299
  { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },
79300
79300
  { provide: MAT_DATE_LOCALE, useValue: "en-GB" }
79301
- ], template: `@let fields = this.config();\r
79302
- @let form = this.form();\r
79303
- \r
79304
- <section>\r
79305
- <div [class.submitted]="isSubmitted()" class="filling-form-fields" [formGroup]="form">\r
79306
- @for (field of fields; track field.formControlName + $index; let last = $last) {\r
79307
- @if (!field.isVisible || field.isVisible(form)) {\r
79308
- @let previousValue = validationConfig()?.[field.formControlName];\r
79309
- \r
79310
- @switch (field.type) {\r
79311
- @case (types.Select) {\r
79312
- <div class="filling-form-fields-item {{field.class ?? 'span-6'}}">\r
79313
- @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn) : field.label;\r
79314
- @if (label) {\r
79315
- <span class="filling-form-fields-item-label body-1-regular">\r
79316
- {{ (label | translate) + (field.required ? " *" : "") }}\r
79317
- </span>\r
79318
- }\r
79319
- <mat-form-field appearance="outline">\r
79320
- @let control = form.get(field.formControlName);\r
79321
- \r
79322
- <input\r
79323
- matInput\r
79324
- [formControlName]="field.formControlName"\r
79325
- [matAutocomplete]="autocompleteRef"\r
79326
- (change)="field.onChange && field.onChange(form)"\r
79327
- />\r
79328
- \r
79329
- <mat-autocomplete\r
79330
- #autocompleteRef="matAutocomplete"\r
79331
- [displayWith]="getDisplayFn(field)"\r
79332
- (optionSelected)="field.onChange && field.onChange(form)"\r
79333
- >\r
79334
- @for (option of getFilteredOptions(field); track option.value) {\r
79335
- <mat-option\r
79336
- class="filing-form-group-select-option"\r
79337
- [value]="option.value"\r
79338
- >\r
79339
- {{ field.needTranslate ? (option.label | translate) : option.label }}\r
79340
- </mat-option>\r
79341
- }\r
79342
- @if (getFilteredOptions(field).length === 0) {\r
79343
- <mat-option disabled>{{ 'No options found' | translate }}</mat-option>\r
79344
- }\r
79345
- </mat-autocomplete>\r
79346
- \r
79347
- @if (control?.value && !control?.disabled) {\r
79348
- <div matSuffix class="suffix-container">\r
79349
- <button mat-icon-button (click)="control?.reset(); field.onChange && field.onChange(form)">\r
79350
- <mat-icon>close</mat-icon>\r
79351
- </button>\r
79352
- \r
79353
- <mat-icon class="arrow-icon">arrow_drop_down</mat-icon>\r
79354
- </div>\r
79355
- } @else {\r
79356
- <mat-icon matSuffix>arrow_drop_down</mat-icon>\r
79357
- }\r
79358
- \r
79359
- <mat-error>{{ (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>\r
79360
- </mat-form-field>\r
79361
- </div>\r
79362
- }\r
79363
- \r
79364
- @case (types.Checkbox) {\r
79365
- <div [class.last]="last" class="filling-form-fields-checkbox {{field.class ?? 'span-6'}}">\r
79366
- <mat-checkbox\r
79367
- (change)="field.onChange && field.onChange(form)"\r
79368
- [formControlName]="field.formControlName"\r
79369
- >\r
79370
- @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn) : field.label;\r
79371
- <div>\r
79372
- <span class="body-1-regular black" [class.warning]="!!previousValue">{{\r
79373
- label | translate\r
79374
- }}</span>\r
79375
- @if (previousValue != null) {\r
79376
- <mat-icon\r
79377
- [class.warning]="true"\r
79378
- class="filling-form-fields-item-icon"\r
79379
- matSuffix\r
79380
- >warning_amber</mat-icon\r
79381
- >\r
79382
- }\r
79383
- </div>\r
79384
- </mat-checkbox>\r
79385
- \r
79386
- @if (previousValue != null) {\r
79387
- <mat-hint\r
79388
- [class.warning]="true"\r
79389
- class="filling-form-fields-item-hint"\r
79390
- >{{ 'Previously saved value' | translate }}: {{ previousValue ? ('checked' | translate) : ('unchecked' | translate) }}</mat-hint\r
79391
- >\r
79392
- }\r
79393
- </div>\r
79394
- }\r
79395
- \r
79396
- @case (types.Empty) {\r
79397
- <div class="filling-form-fields-empty {{field.class ?? 'span-6'}}"></div>\r
79398
- }\r
79399
- @case (types.Autocomplete) {\r
79400
- <div class="filling-form-fields-item {{field.class ?? 'span-6'}}">\r
79401
- @if (field.label) {\r
79402
- <span class="filling-form-fields-item-label body-1-regular">\r
79403
- {{ (field.label | translate) + (field.required ? " *" : "") }}\r
79404
- </span>\r
79405
- }\r
79406
- <autocomplete-field\r
79407
- [options]="field.options ?? []"\r
79408
- [control]="getFormControl(field.formControlName)"\r
79409
- [required]="field.required ?? false"\r
79410
- />\r
79411
- </div>\r
79412
- }\r
79413
- \r
79414
- @case (types.Date) {\r
79415
- <div\r
79416
- class="filling-form-fields-item {{field.class ?? 'span-6'}}"\r
79417
- [class.warning]="!!previousValue"\r
79418
- >\r
79419
- @if (field.label) {\r
79420
- <span\r
79421
- class="filling-form-fields-item-label body-1-regular"\r
79422
- [class.warning]="!!previousValue"\r
79423
- >\r
79424
- {{ (field.label | translate) + (field.required ? " *" : "") }}\r
79425
- </span>\r
79426
- }\r
79427
- \r
79428
- <mat-form-field appearance="outline">\r
79429
- <input\r
79430
- matInput\r
79431
- [matDatepicker]="picker"\r
79432
- [formControlName]="field.formControlName"\r
79433
- (dateChange)="field.onChange && field.onChange(form)"\r
79434
- />\r
79435
- <mat-datepicker-toggle matSuffix [for]="picker">\r
79436
- <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>\r
79437
- </mat-datepicker-toggle>\r
79438
- <mat-datepicker #picker></mat-datepicker>\r
79439
- \r
79440
- @if (previousValue != null) {\r
79441
- <mat-hint\r
79442
- [class.warning]="true"\r
79443
- class="filling-form-fields-item-hint"\r
79444
- >\r
79445
- {{ 'Previously saved value' | translate }}: {{ previousValue }}\r
79446
- </mat-hint>\r
79447
- }\r
79448
- \r
79449
- <mat-error>{{ (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>\r
79450
- </mat-form-field>\r
79451
- </div>\r
79452
- }\r
79453
- \r
79454
- @case (types.Input) {\r
79455
- <div\r
79456
- [class.warning]="!!previousValue"\r
79457
- class="filling-form-fields-item {{field.class ?? 'span-6'}}"\r
79458
- >\r
79459
- @if (field.label) {\r
79460
- <span\r
79461
- [class.warning]="!!previousValue"\r
79462
- class="filling-form-fields-item-label body-1-regular"\r
79463
- >\r
79464
- {{ (field.label | translate) + (field.required ? " *" : "") }}\r
79465
- </span>\r
79466
- \r
79467
- <mat-form-field appearance="outline">\r
79468
- <input\r
79469
- matInput\r
79470
- [readonly]="field.readonly"\r
79471
- [formControlName]="field.formControlName"\r
79472
- (input)="field.onChange && field.onChange(form)"\r
79473
- />\r
79474
- \r
79475
- @if (previousValue != null) {\r
79476
- <mat-hint\r
79477
- [class.warning]="true"\r
79478
- class="filling-form-fields-item-hint"\r
79479
- >{{ 'Previously saved value' | translate }}: {{ previousValue }}</mat-hint\r
79480
- >\r
79481
- }\r
79482
- \r
79483
- @if (previousValue != null) {\r
79484
- <mat-icon\r
79485
- [class.warning]="true"\r
79486
- class="filling-form-fields-item-icon"\r
79487
- matSuffix\r
79488
- >warning_amber</mat-icon\r
79489
- >\r
79490
- }\r
79491
- \r
79492
- <mat-error>{{ (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>\r
79493
- </mat-form-field>\r
79494
- }\r
79495
- </div>\r
79496
- }\r
79497
- @case (types.TextArea) {\r
79498
- <div class="filling-form-fields-item text-area {{field.class ?? 'span-6'}}">\r
79499
- @if (field.label) {\r
79500
- <span class="filling-form-fields-item-label body-1-regular">\r
79501
- {{ (field.label | translate) + (field.required ? " *" : "") }}\r
79502
- </span>\r
79503
- \r
79504
- <mat-form-field appearance="outline">\r
79505
- <textarea\r
79506
- matInput\r
79507
- [readonly]="field.readonly"\r
79508
- [formControlName]="field.formControlName"\r
79509
- (change)="field.onChange && field.onChange(form)"\r
79510
- ></textarea>\r
79511
- </mat-form-field>\r
79512
- }\r
79513
- </div>\r
79514
- }\r
79515
- @case (types.CheckboxList) {\r
79516
- <checkbox-list class="{{field.class}}" [formControlName]="field.formControlName" [items]="field.options ?? []"/>\r
79517
- }\r
79518
- @case (types.Text) {\r
79519
- @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn, prevData()) : field.label;\r
79520
- @if (label) {\r
79521
- <p [class.last]="last" class="filling-form-fields-item-text body-1-regular grey" [class]="field.class" [innerHTML]="label" ></p>\r
79522
- }\r
79523
- }\r
79524
- }\r
79525
- }\r
79526
- }\r
79527
- </div>\r
79528
- </section>\r
79301
+ ], template: `@let fields = this.config();
79302
+ @let form = this.form();
79303
+
79304
+ <section>
79305
+ <div [class.submitted]="isSubmitted()" class="filling-form-fields" [formGroup]="form">
79306
+ @for (field of fields; track field.formControlName + $index; let last = $last) {
79307
+ @if (!field.isVisible || field.isVisible(form)) {
79308
+ @let previousValue = validationConfig()?.[field.formControlName];
79309
+
79310
+ @switch (field.type) {
79311
+ @case (types.Select) {
79312
+ <div class="filling-form-fields-item {{field.class ?? 'span-6'}}">
79313
+ @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn) : field.label;
79314
+ @if (label) {
79315
+ <span class="filling-form-fields-item-label body-1-regular">
79316
+ {{ (label | translate) + (field.required ? " *" : "") }}
79317
+ </span>
79318
+ }
79319
+ <mat-form-field appearance="outline">
79320
+ @let control = form.get(field.formControlName);
79321
+
79322
+ <input
79323
+ matInput
79324
+ [formControlName]="field.formControlName"
79325
+ [matAutocomplete]="autocompleteRef"
79326
+ (change)="field.onChange && field.onChange(form)"
79327
+ />
79328
+
79329
+ <mat-autocomplete
79330
+ #autocompleteRef="matAutocomplete"
79331
+ [displayWith]="getDisplayFn(field)"
79332
+ (optionSelected)="field.onChange && field.onChange(form)"
79333
+ >
79334
+ @for (option of getFilteredOptions(field); track option.value) {
79335
+ <mat-option
79336
+ class="filing-form-group-select-option"
79337
+ [value]="option.value"
79338
+ >
79339
+ {{ field.needTranslate ? (option.label | translate) : option.label }}
79340
+ </mat-option>
79341
+ }
79342
+ @if (getFilteredOptions(field).length === 0) {
79343
+ <mat-option disabled>{{ 'No options found' | translate }}</mat-option>
79344
+ }
79345
+ </mat-autocomplete>
79346
+
79347
+ @if (control?.value && !control?.disabled) {
79348
+ <div matSuffix class="suffix-container">
79349
+ <button mat-icon-button (click)="control?.reset(); field.onChange && field.onChange(form)">
79350
+ <mat-icon>close</mat-icon>
79351
+ </button>
79352
+
79353
+ <mat-icon class="arrow-icon">arrow_drop_down</mat-icon>
79354
+ </div>
79355
+ } @else {
79356
+ <mat-icon matSuffix>arrow_drop_down</mat-icon>
79357
+ }
79358
+
79359
+ <mat-error>{{ (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>
79360
+ </mat-form-field>
79361
+ </div>
79362
+ }
79363
+
79364
+ @case (types.Checkbox) {
79365
+ <div [class.last]="last" class="filling-form-fields-checkbox {{field.class ?? 'span-6'}}">
79366
+ <mat-checkbox
79367
+ (change)="field.onChange && field.onChange(form)"
79368
+ [formControlName]="field.formControlName"
79369
+ >
79370
+ @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn) : field.label;
79371
+ <div>
79372
+ <span class="body-1-regular black" [class.warning]="!!previousValue">{{
79373
+ label | translate
79374
+ }}</span>
79375
+ @if (previousValue != null) {
79376
+ <mat-icon
79377
+ [class.warning]="true"
79378
+ class="filling-form-fields-item-icon"
79379
+ matSuffix
79380
+ >warning_amber</mat-icon
79381
+ >
79382
+ }
79383
+ </div>
79384
+ </mat-checkbox>
79385
+
79386
+ @if (previousValue != null) {
79387
+ <mat-hint
79388
+ [class.warning]="true"
79389
+ class="filling-form-fields-item-hint"
79390
+ >{{ 'Previously saved value' | translate }}: {{ previousValue ? ('checked' | translate) : ('unchecked' | translate) }}</mat-hint
79391
+ >
79392
+ }
79393
+ </div>
79394
+ }
79395
+
79396
+ @case (types.Empty) {
79397
+ <div class="filling-form-fields-empty {{field.class ?? 'span-6'}}"></div>
79398
+ }
79399
+ @case (types.Autocomplete) {
79400
+ <div class="filling-form-fields-item {{field.class ?? 'span-6'}}">
79401
+ @if (field.label) {
79402
+ <span class="filling-form-fields-item-label body-1-regular">
79403
+ {{ (field.label | translate) + (field.required ? " *" : "") }}
79404
+ </span>
79405
+ }
79406
+ <autocomplete-field
79407
+ [options]="field.options ?? []"
79408
+ [control]="getFormControl(field.formControlName)"
79409
+ [required]="field.required ?? false"
79410
+ />
79411
+ </div>
79412
+ }
79413
+
79414
+ @case (types.Date) {
79415
+ <div
79416
+ class="filling-form-fields-item {{field.class ?? 'span-6'}}"
79417
+ [class.warning]="!!previousValue"
79418
+ >
79419
+ @if (field.label) {
79420
+ <span
79421
+ class="filling-form-fields-item-label body-1-regular"
79422
+ [class.warning]="!!previousValue"
79423
+ >
79424
+ {{ (field.label | translate) + (field.required ? " *" : "") }}
79425
+ </span>
79426
+ }
79427
+
79428
+ <mat-form-field appearance="outline">
79429
+ <input
79430
+ matInput
79431
+ [matDatepicker]="picker"
79432
+ [formControlName]="field.formControlName"
79433
+ (dateChange)="field.onChange && field.onChange(form)"
79434
+ />
79435
+ <mat-datepicker-toggle matSuffix [for]="picker">
79436
+ <mat-icon matDatepickerToggleIcon>calendar_today</mat-icon>
79437
+ </mat-datepicker-toggle>
79438
+ <mat-datepicker #picker></mat-datepicker>
79439
+
79440
+ @if (previousValue != null) {
79441
+ <mat-hint
79442
+ [class.warning]="true"
79443
+ class="filling-form-fields-item-hint"
79444
+ >
79445
+ {{ 'Previously saved value' | translate }}: {{ previousValue }}
79446
+ </mat-hint>
79447
+ }
79448
+
79449
+ <mat-error>{{ (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>
79450
+ </mat-form-field>
79451
+ </div>
79452
+ }
79453
+
79454
+ @case (types.Input) {
79455
+ <div
79456
+ [class.warning]="!!previousValue"
79457
+ class="filling-form-fields-item {{field.class ?? 'span-6'}}"
79458
+ >
79459
+ @if (field.label) {
79460
+ <span
79461
+ [class.warning]="!!previousValue"
79462
+ class="filling-form-fields-item-label body-1-regular"
79463
+ >
79464
+ {{ (field.label | translate) + (field.required ? " *" : "") }}
79465
+ </span>
79466
+
79467
+ <mat-form-field appearance="outline">
79468
+ <input
79469
+ matInput
79470
+ [readonly]="field.readonly"
79471
+ [formControlName]="field.formControlName"
79472
+ (input)="field.onChange && field.onChange(form)"
79473
+ />
79474
+
79475
+ @if (previousValue != null) {
79476
+ <mat-hint
79477
+ [class.warning]="true"
79478
+ class="filling-form-fields-item-hint"
79479
+ >{{ 'Previously saved value' | translate }}: {{ previousValue }}</mat-hint
79480
+ >
79481
+ }
79482
+
79483
+ @if (previousValue != null) {
79484
+ <mat-icon
79485
+ [class.warning]="true"
79486
+ class="filling-form-fields-item-icon"
79487
+ matSuffix
79488
+ >warning_amber</mat-icon
79489
+ >
79490
+ }
79491
+
79492
+ <mat-error>{{ (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>
79493
+ </mat-form-field>
79494
+ }
79495
+ </div>
79496
+ }
79497
+ @case (types.TextArea) {
79498
+ <div class="filling-form-fields-item text-area {{field.class ?? 'span-6'}}">
79499
+ @if (field.label) {
79500
+ <span class="filling-form-fields-item-label body-1-regular">
79501
+ {{ (field.label | translate) + (field.required ? " *" : "") }}
79502
+ </span>
79503
+
79504
+ <mat-form-field appearance="outline">
79505
+ <textarea
79506
+ matInput
79507
+ [readonly]="field.readonly"
79508
+ [formControlName]="field.formControlName"
79509
+ (change)="field.onChange && field.onChange(form)"
79510
+ ></textarea>
79511
+ </mat-form-field>
79512
+ }
79513
+ </div>
79514
+ }
79515
+ @case (types.CheckboxList) {
79516
+ <checkbox-list class="{{field.class}}" [formControlName]="field.formControlName" [items]="field.options ?? []"/>
79517
+ }
79518
+ @case (types.Text) {
79519
+ @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn, prevData()) : field.label;
79520
+ @if (label) {
79521
+ <p [class.last]="last" class="filling-form-fields-item-text body-1-regular grey" [class]="field.class" [innerHTML]="label" ></p>
79522
+ }
79523
+ }
79524
+ }
79525
+ }
79526
+ }
79527
+ </div>
79528
+ </section>
79529
79529
  `, 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'] }]
79530
79530
  }], () => [], null);
79531
79531
  })();
@@ -79785,70 +79785,70 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
79785
79785
  FilingFormGroupComponent,
79786
79786
  TranslatePipe,
79787
79787
  MatButton
79788
- ], template: `<div class="terms-and-conditions">\r
79789
- <div class="terms-and-conditions-content">\r
79790
- <expandable-card class="terms-and-conditions-card" title="Terms and Conditions">\r
79791
- \r
79792
- <div class="terms-and-conditions-card-content">\r
79793
- <div class="terms-and-conditions-text-wrapper">\r
79794
- <div class="terms-and-conditions-text">\r
79795
- <span class="body-1-regular">{{ 'TERMS.intro' | translate }}</span>\r
79796
- <span class="body-1-regular">{{ 'TERMS.agreement_mandatory' | translate }}</span>\r
79797
- <span class="body-1-regular">{{ 'TERMS.clause_i' | translate }}</span>\r
79798
- <span class="body-1-regular">{{ 'TERMS.clause_ii' | translate }}</span>\r
79799
- <span class="body-1-regular">{{ 'TERMS.authority' | translate }}</span>\r
79800
- <span class="body-1-regular">{{ 'TERMS.bound' | translate }}</span>\r
79801
- <span class="body-1-regular">{{ 'TERMS.section_1' | translate }}</span>\r
79802
- <span class="body-1-regular">{{ 'TERMS.section_2' | translate }}</span>\r
79803
- <span class="body-1-regular">{{ 'TERMS.section_3' | translate }}</span>\r
79804
- <span class="body-1-regular">{{ 'TERMS.section_4' | translate }}</span>\r
79805
- <span class="body-1-regular">{{ 'TERMS.section_5' | translate }}</span>\r
79806
- <span class="body-1-regular">{{ 'TERMS.section_6' | translate }}</span>\r
79807
- <span class="body-1-regular">{{ 'TERMS.section_7' | translate }}</span>\r
79808
- <span class="body-1-regular">{{ 'TERMS.section_8' | translate }}</span>\r
79809
- <span class="body-1-regular">{{ 'TERMS.section_9' | translate }}</span>\r
79810
- <span class="body-1-regular">{{ 'TERMS.section_10' | translate }}</span>\r
79811
- <span class="body-1-regular">{{ 'TERMS.section_11' | translate }}</span>\r
79812
- <span class="body-1-regular">{{ 'TERMS.section_12' | translate }}</span>\r
79813
- <span class="body-1-regular">{{ 'TERMS.section_13' | translate }}</span>\r
79814
- <span class="body-1-regular">{{ 'TERMS.section_14' | translate }}</span>\r
79815
- <span class="body-1-regular">{{ 'TERMS.section_15' | translate }}</span>\r
79816
- <span class="body-1-regular">{{ 'TERMS.section_16' | translate }}</span>\r
79817
- <span class="body-1-regular">{{ 'TERMS.section_17' | translate }}</span>\r
79818
- </div>\r
79819
- </div>\r
79820
- \r
79821
- <mat-checkbox [formControl]="getFormControl(termsAndConditionsControls.AcceptTerms)">\r
79822
- <div class="body-1-regular black">\r
79823
- <span>{{ 'I agree to the Terms and Conditions and confirm that all required person(s) and/or entities agree to them' | translate }}</span>\r
79824
- </div>\r
79825
- </mat-checkbox>\r
79826
- </div>\r
79827
- \r
79828
- </expandable-card>\r
79829
- \r
79830
- <expandable-card title="Signatory">\r
79831
- <filing-form-group [isSubmitted]="true" [form]="form" [config]="termsAndConditionsFields"/>\r
79832
- </expandable-card>\r
79833
- </div>\r
79834
- \r
79835
- <div class="terms-and-conditions-form-actions">\r
79836
- <button mat-stroked-button mat-button (click)="close.emit()">\r
79837
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
79838
- </button>\r
79839
- \r
79840
- <button mat-stroked-button mat-button (click)="prev.emit()"><span class="body-1-semibold">{{ 'Back' | translate }}</span></button>\r
79841
- \r
79842
- <button\r
79843
- mat-flat-button\r
79844
- type="submit"\r
79845
- (click)="onConfirm()"\r
79846
- [disabled]="form.invalid"\r
79847
- >\r
79848
- <span class="body-1-semibold">{{ 'Proceed' | translate }}</span>\r
79849
- </button>\r
79850
- </div>\r
79851
- </div>\r
79788
+ ], template: `<div class="terms-and-conditions">
79789
+ <div class="terms-and-conditions-content">
79790
+ <expandable-card class="terms-and-conditions-card" title="Terms and Conditions">
79791
+
79792
+ <div class="terms-and-conditions-card-content">
79793
+ <div class="terms-and-conditions-text-wrapper">
79794
+ <div class="terms-and-conditions-text">
79795
+ <span class="body-1-regular">{{ 'TERMS.intro' | translate }}</span>
79796
+ <span class="body-1-regular">{{ 'TERMS.agreement_mandatory' | translate }}</span>
79797
+ <span class="body-1-regular">{{ 'TERMS.clause_i' | translate }}</span>
79798
+ <span class="body-1-regular">{{ 'TERMS.clause_ii' | translate }}</span>
79799
+ <span class="body-1-regular">{{ 'TERMS.authority' | translate }}</span>
79800
+ <span class="body-1-regular">{{ 'TERMS.bound' | translate }}</span>
79801
+ <span class="body-1-regular">{{ 'TERMS.section_1' | translate }}</span>
79802
+ <span class="body-1-regular">{{ 'TERMS.section_2' | translate }}</span>
79803
+ <span class="body-1-regular">{{ 'TERMS.section_3' | translate }}</span>
79804
+ <span class="body-1-regular">{{ 'TERMS.section_4' | translate }}</span>
79805
+ <span class="body-1-regular">{{ 'TERMS.section_5' | translate }}</span>
79806
+ <span class="body-1-regular">{{ 'TERMS.section_6' | translate }}</span>
79807
+ <span class="body-1-regular">{{ 'TERMS.section_7' | translate }}</span>
79808
+ <span class="body-1-regular">{{ 'TERMS.section_8' | translate }}</span>
79809
+ <span class="body-1-regular">{{ 'TERMS.section_9' | translate }}</span>
79810
+ <span class="body-1-regular">{{ 'TERMS.section_10' | translate }}</span>
79811
+ <span class="body-1-regular">{{ 'TERMS.section_11' | translate }}</span>
79812
+ <span class="body-1-regular">{{ 'TERMS.section_12' | translate }}</span>
79813
+ <span class="body-1-regular">{{ 'TERMS.section_13' | translate }}</span>
79814
+ <span class="body-1-regular">{{ 'TERMS.section_14' | translate }}</span>
79815
+ <span class="body-1-regular">{{ 'TERMS.section_15' | translate }}</span>
79816
+ <span class="body-1-regular">{{ 'TERMS.section_16' | translate }}</span>
79817
+ <span class="body-1-regular">{{ 'TERMS.section_17' | translate }}</span>
79818
+ </div>
79819
+ </div>
79820
+
79821
+ <mat-checkbox [formControl]="getFormControl(termsAndConditionsControls.AcceptTerms)">
79822
+ <div class="body-1-regular black">
79823
+ <span>{{ 'I agree to the Terms and Conditions and confirm that all required person(s) and/or entities agree to them' | translate }}</span>
79824
+ </div>
79825
+ </mat-checkbox>
79826
+ </div>
79827
+
79828
+ </expandable-card>
79829
+
79830
+ <expandable-card title="Signatory">
79831
+ <filing-form-group [isSubmitted]="true" [form]="form" [config]="termsAndConditionsFields"/>
79832
+ </expandable-card>
79833
+ </div>
79834
+
79835
+ <div class="terms-and-conditions-form-actions">
79836
+ <button mat-stroked-button mat-button (click)="close.emit()">
79837
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
79838
+ </button>
79839
+
79840
+ <button mat-stroked-button mat-button (click)="prev.emit()"><span class="body-1-semibold">{{ 'Back' | translate }}</span></button>
79841
+
79842
+ <button
79843
+ mat-flat-button
79844
+ type="submit"
79845
+ (click)="onConfirm()"
79846
+ [disabled]="form.invalid"
79847
+ >
79848
+ <span class="body-1-semibold">{{ 'Proceed' | translate }}</span>
79849
+ </button>
79850
+ </div>
79851
+ </div>
79852
79852
  `, 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}\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"] }]
79853
79853
  }], null, null);
79854
79854
  })();
@@ -80129,84 +80129,84 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
80129
80129
  animate("100ms cubic-bezier(0.4, 0.0, 0.2, 1)")
80130
80130
  ])
80131
80131
  ])
80132
- ], template: `<div class="expandable-card">\r
80133
- <div\r
80134
- [class.expanded]="isExpanded()"\r
80135
- (click)="toggle()"\r
80136
- class="expandable-card-header"\r
80137
- >\r
80138
- <h2 class="expandable-card-header-title">{{ title() | translate }}</h2>\r
80139
- \r
80140
- <div class="expandable-card-header-container">\r
80141
- @if (isStatusIcon()) {\r
80142
- @if (!isValid()) {\r
80143
- <mat-icon class="expandable-card-header-status-icon">\r
80144
- error_outline\r
80145
- </mat-icon>\r
80146
- }\r
80147
- }\r
80148
- \r
80149
- <mat-icon [class.rotated]="!isExpanded()">arrow_forward_ios</mat-icon>\r
80150
- </div>\r
80151
- </div>\r
80152
- \r
80153
- <div class="expandable-card-content" [@expandCollapse]="isExpanded()">\r
80154
- <ng-content select="[slot='header-content']"></ng-content>\r
80155
- <div class="expandable-card-actions">\r
80156
- <div>\r
80157
- <ng-content select="[slot='subtitle']"></ng-content>\r
80158
- </div>\r
80159
- \r
80160
- @if (controlsCount() !== 0) {\r
80161
- <div class="expandable-card-actions-items">\r
80162
- <h3 class="expandable-card-actions-item" (click)="expandAll()">\r
80163
- {{ "Expand all" | translate }}\r
80164
- </h3>\r
80165
- <h3 class="expandable-card-actions-separator">|</h3>\r
80166
- <h3 class="expandable-card-actions-item" (click)="collapseAll()">\r
80167
- {{ "Collapse all" | translate }}\r
80168
- </h3>\r
80169
- </div>\r
80170
- }\r
80171
- </div>\r
80172
- \r
80173
- @for (formGroup of formArray().controls; let i = $index; track formGroup) {\r
80174
- <div class="expandable-card-separator">\r
80175
- <div class="expandable-card-separator-line"></div>\r
80176
- </div>\r
80177
- \r
80178
- <expandable-card\r
80179
- [isListItem]="true"\r
80180
- [title]="getFormGroup(i).get(labelKey())?.value"\r
80181
- [role]="getFormGroup(i).get(roleKey())?.value"\r
80182
- [isStatusIcon]="isStatusIcon()"\r
80183
- [isValid]="getFormGroupValid(i)"\r
80184
- [isOpen]="isItemExpanded(i)"\r
80185
- [border]="false"\r
80186
- [padded]="false"\r
80187
- [chipType]="\r
80188
- affiliationTypeToChipType(\r
80189
- formGroup.get(controls.AffiliationType)?.value\r
80190
- )\r
80191
- "\r
80192
- [isLoading]="isLoading()"\r
80193
- [removable]="removable()"\r
80194
- (toggled)="toggleItem(i)"\r
80195
- (remove)="remove.emit(i)"\r
80196
- >\r
80197
- @let form = getFormGroup(i);\r
80198
- @let configValue =\r
80199
- fields() ?? config()?.[form.get(configKey())?.value] ?? [];\r
80200
- <filing-form-group\r
80201
- [prevData]="prevData()"\r
80202
- [isSubmitted]="isSubmitted()"\r
80203
- [form]="form"\r
80204
- [config]="configValue"\r
80205
- />\r
80206
- </expandable-card>\r
80207
- }\r
80208
- </div>\r
80209
- </div>\r
80132
+ ], template: `<div class="expandable-card">
80133
+ <div
80134
+ [class.expanded]="isExpanded()"
80135
+ (click)="toggle()"
80136
+ class="expandable-card-header"
80137
+ >
80138
+ <h2 class="expandable-card-header-title">{{ title() | translate }}</h2>
80139
+
80140
+ <div class="expandable-card-header-container">
80141
+ @if (isStatusIcon()) {
80142
+ @if (!isValid()) {
80143
+ <mat-icon class="expandable-card-header-status-icon">
80144
+ error_outline
80145
+ </mat-icon>
80146
+ }
80147
+ }
80148
+
80149
+ <mat-icon [class.rotated]="!isExpanded()">arrow_forward_ios</mat-icon>
80150
+ </div>
80151
+ </div>
80152
+
80153
+ <div class="expandable-card-content" [@expandCollapse]="isExpanded()">
80154
+ <ng-content select="[slot='header-content']"></ng-content>
80155
+ <div class="expandable-card-actions">
80156
+ <div>
80157
+ <ng-content select="[slot='subtitle']"></ng-content>
80158
+ </div>
80159
+
80160
+ @if (controlsCount() !== 0) {
80161
+ <div class="expandable-card-actions-items">
80162
+ <h3 class="expandable-card-actions-item" (click)="expandAll()">
80163
+ {{ "Expand all" | translate }}
80164
+ </h3>
80165
+ <h3 class="expandable-card-actions-separator">|</h3>
80166
+ <h3 class="expandable-card-actions-item" (click)="collapseAll()">
80167
+ {{ "Collapse all" | translate }}
80168
+ </h3>
80169
+ </div>
80170
+ }
80171
+ </div>
80172
+
80173
+ @for (formGroup of formArray().controls; let i = $index; track formGroup) {
80174
+ <div class="expandable-card-separator">
80175
+ <div class="expandable-card-separator-line"></div>
80176
+ </div>
80177
+
80178
+ <expandable-card
80179
+ [isListItem]="true"
80180
+ [title]="getFormGroup(i).get(labelKey())?.value"
80181
+ [role]="getFormGroup(i).get(roleKey())?.value"
80182
+ [isStatusIcon]="isStatusIcon()"
80183
+ [isValid]="getFormGroupValid(i)"
80184
+ [isOpen]="isItemExpanded(i)"
80185
+ [border]="false"
80186
+ [padded]="false"
80187
+ [chipType]="
80188
+ affiliationTypeToChipType(
80189
+ formGroup.get(controls.AffiliationType)?.value
80190
+ )
80191
+ "
80192
+ [isLoading]="isLoading()"
80193
+ [removable]="removable()"
80194
+ (toggled)="toggleItem(i)"
80195
+ (remove)="remove.emit(i)"
80196
+ >
80197
+ @let form = getFormGroup(i);
80198
+ @let configValue =
80199
+ fields() ?? config()?.[form.get(configKey())?.value] ?? [];
80200
+ <filing-form-group
80201
+ [prevData]="prevData()"
80202
+ [isSubmitted]="isSubmitted()"
80203
+ [form]="form"
80204
+ [config]="configValue"
80205
+ />
80206
+ </expandable-card>
80207
+ }
80208
+ </div>
80209
+ </div>
80210
80210
  `, 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"] }]
80211
80211
  }], () => [], null);
80212
80212
  })();
@@ -80325,7 +80325,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
80325
80325
  (() => {
80326
80326
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(AlertComponent, [{
80327
80327
  type: Component,
80328
- 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"] }]
80328
+ 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"] }]
80329
80329
  }], null, null);
80330
80330
  })();
80331
80331
  (() => {
@@ -80703,183 +80703,183 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
80703
80703
  ExpandableListCardComponent,
80704
80704
  AlertComponent,
80705
80705
  TranslatePipe
80706
- ], template: `<div class="incorporation-form">\r
80707
- @if (isNote()) {\r
80708
- <alert\r
80709
- [type]="alertType.Info"\r
80710
- title="Entity changed"\r
80711
- content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
80712
- />\r
80713
- }\r
80714
- \r
80715
- @if (errors().length) {\r
80716
- <alert\r
80717
- title="The following issues need to be resolved before proceeding:"\r
80718
- [content]="errors()"\r
80719
- />\r
80720
- }\r
80721
- \r
80722
- <div class="incorporation-form-content">\r
80723
- @let referenceNumbers = getFormGroup(groups.ReferenceNumbers);\r
80724
- \r
80725
- @if (referenceNumbers) {\r
80726
- <expandable-card [title]="groups.ReferenceNumbers">\r
80727
- <div class="incorporation-form-item">\r
80728
- <filing-form-group\r
80729
- [isSubmitted]="isSubmitted()"\r
80730
- [form]="referenceNumbers"\r
80731
- [config]="referenceNumbersFields"\r
80732
- (visiblyValidChange)="onSectionValidChange('refNumbers', $event)"\r
80733
- />\r
80734
- </div>\r
80735
- </expandable-card>\r
80736
- }\r
80737
- \r
80738
- @let corporationDetails = getFormGroup(groups.CorporationDetails);\r
80739
- \r
80740
- @if (corporationDetails) {\r
80741
- <expandable-card\r
80742
- [isValid]="sectionValidity['corpDetails']"\r
80743
- [isStatusIcon]="statusIcon()"\r
80744
- [title]="groups.CorporationDetails"\r
80745
- >\r
80746
- <div class="incorporation-form-item">\r
80747
- <filing-form-group\r
80748
- [isSubmitted]="isSubmitted()"\r
80749
- [form]="corporationDetails"\r
80750
- [config]="corporationDetailsCardFields"\r
80751
- (visiblyValidChange)="onSectionValidChange('corpDetails', $event)"\r
80752
- />\r
80753
- </div>\r
80754
- </expandable-card>\r
80755
- }\r
80756
- \r
80757
- @if (isLegalOpinion) {\r
80758
- @let legalOpinion = getFormGroup(groups.LegalOpinion);\r
80759
- \r
80760
- @if (legalOpinion) {\r
80761
- <expandable-card\r
80762
- [isValid]="\r
80763
- sectionValidity['legalOpinionLawyer'] &&\r
80764
- sectionValidity['legalOpinionAddress']\r
80765
- "\r
80766
- [isStatusIcon]="statusIcon()"\r
80767
- [title]="groups.LegalOpinion"\r
80768
- >\r
80769
- <filing-form-group\r
80770
- [isSubmitted]="isSubmitted()"\r
80771
- [form]="legalOpinion"\r
80772
- [config]="legalOpinionLawyerFields()"\r
80773
- (visiblyValidChange)="\r
80774
- onSectionValidChange('legalOpinionLawyer', $event)\r
80775
- "\r
80776
- />\r
80777
- \r
80778
- @if (legalOpinion.get(controls.LawyerSigningOpinion)?.value) {\r
80779
- <filing-form-group\r
80780
- [isSubmitted]="isSubmitted()"\r
80781
- [form]="legalOpinion"\r
80782
- [config]="legalOpinionConfirmAddressFieldsMap[legalOpinion.get(controls.AffiliationAddressType)?.value]"\r
80783
- (visiblyValidChange)="\r
80784
- onSectionValidChange('legalOpinionAddress', $event)\r
80785
- "\r
80786
- />\r
80787
- }\r
80788
- \r
80789
- </expandable-card>\r
80790
- }\r
80791
- }\r
80792
- \r
80793
- @let registeredOfficeForm = getFormGroup(groups.RegisteredOfficeAddress);\r
80794
- \r
80795
- @if (registeredOfficeForm) {\r
80796
- <expandable-card\r
80797
- [isValid]="sectionValidity['registeredOffice']"\r
80798
- [isStatusIcon]="statusIcon()"\r
80799
- [title]="groups.RegisteredOfficeAddress"\r
80800
- >\r
80801
- <filing-form-group\r
80802
- [isSubmitted]="isSubmitted()"\r
80803
- [form]="registeredOfficeForm"\r
80804
- [config]="\r
80805
- affiliationCardFieldsMap[\r
80806
- registeredOfficeForm.get(\r
80807
- formationFormControls.AffiliationAddressType\r
80808
- )?.value\r
80809
- ]\r
80810
- "\r
80811
- (visiblyValidChange)="\r
80812
- onSectionValidChange('registeredOffice', $event)\r
80813
- "\r
80814
- />\r
80815
- </expandable-card>\r
80816
- }\r
80817
- \r
80818
- @let incorporatorsArray = getFormArray(groups.Incorporators);\r
80819
- @let directorsArray = getFormArray(groups.Directors);\r
80820
- \r
80821
- @let isOpenDirectors =\r
80822
- (directorsArray?.length ?? 0) <= initiallyOpenCardsCount;\r
80823
- @if (directorsArray && directorsArray.length) {\r
80824
- <expandable-list-card\r
80825
- [isValid]="sectionValidity['directors']"\r
80826
- [areItemsOpen]="isOpenDirectors"\r
80827
- [isStatusIcon]="statusIcon()"\r
80828
- [config]="directorsCardFieldsMap"\r
80829
- [configKey]="controls.AffiliationAddressType"\r
80830
- [formArray]="directorsArray"\r
80831
- [title]="groups.Directors"\r
80832
- (visiblyValidChange)="onSectionValidChange('directors', $event)"\r
80833
- >\r
80834
- <p\r
80835
- slot="subtitle"\r
80836
- class="body-1-regular black"\r
80837
- [innerHTML]="directorsSubtitle()"\r
80838
- ></p>\r
80839
- </expandable-list-card>\r
80840
- } @else {\r
80841
- <expandable-card [title]="groups.Directors">\r
80842
- <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
80843
- </expandable-card>\r
80844
- }\r
80845
- \r
80846
- @let sharesAndProvisions = getFormGroup(groups.SharesAndProvisions);\r
80847
- \r
80848
- @if (sharesAndProvisions) {\r
80849
- <expandable-card\r
80850
- [isStatusIcon]="false"\r
80851
- [title]="groups.SharesAndProvisions"\r
80852
- >\r
80853
- <filing-form-group\r
80854
- [isSubmitted]="isSubmitted()"\r
80855
- [form]="sharesAndProvisions"\r
80856
- [config]="sharesAndProvincesFields"\r
80857
- />\r
80858
- </expandable-card>\r
80859
- }\r
80860
- \r
80861
- @let isOpenIncorporators =\r
80862
- (incorporatorsArray?.length ?? 0) <= initiallyOpenCardsCount;\r
80863
- \r
80864
- @if (incorporatorsArray && incorporatorsArray.length) {\r
80865
- <expandable-list-card\r
80866
- [isValid]="sectionValidity['incorporators']"\r
80867
- [areItemsOpen]="isOpenIncorporators"\r
80868
- [isStatusIcon]="statusIcon()"\r
80869
- [config]="incorporatorsCardFieldsMap"\r
80870
- [configKey]="controls.AffiliationAddressType"\r
80871
- [formArray]="incorporatorsArray"\r
80872
- [isSubmitted]="isSubmitted()"\r
80873
- [title]="groups.Incorporators"\r
80874
- (visiblyValidChange)="onSectionValidChange('incorporators', $event)"\r
80875
- />\r
80876
- } @else {\r
80877
- <expandable-card [title]="groups.Incorporators">\r
80878
- <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
80879
- </expandable-card>\r
80880
- }\r
80881
- </div>\r
80882
- </div>\r
80706
+ ], template: `<div class="incorporation-form">
80707
+ @if (isNote()) {
80708
+ <alert
80709
+ [type]="alertType.Info"
80710
+ title="Entity changed"
80711
+ content="A new draft needs to be generated as the Entity was changed since the last draft was produced."
80712
+ />
80713
+ }
80714
+
80715
+ @if (errors().length) {
80716
+ <alert
80717
+ title="The following issues need to be resolved before proceeding:"
80718
+ [content]="errors()"
80719
+ />
80720
+ }
80721
+
80722
+ <div class="incorporation-form-content">
80723
+ @let referenceNumbers = getFormGroup(groups.ReferenceNumbers);
80724
+
80725
+ @if (referenceNumbers) {
80726
+ <expandable-card [title]="groups.ReferenceNumbers">
80727
+ <div class="incorporation-form-item">
80728
+ <filing-form-group
80729
+ [isSubmitted]="isSubmitted()"
80730
+ [form]="referenceNumbers"
80731
+ [config]="referenceNumbersFields"
80732
+ (visiblyValidChange)="onSectionValidChange('refNumbers', $event)"
80733
+ />
80734
+ </div>
80735
+ </expandable-card>
80736
+ }
80737
+
80738
+ @let corporationDetails = getFormGroup(groups.CorporationDetails);
80739
+
80740
+ @if (corporationDetails) {
80741
+ <expandable-card
80742
+ [isValid]="sectionValidity['corpDetails']"
80743
+ [isStatusIcon]="statusIcon()"
80744
+ [title]="groups.CorporationDetails"
80745
+ >
80746
+ <div class="incorporation-form-item">
80747
+ <filing-form-group
80748
+ [isSubmitted]="isSubmitted()"
80749
+ [form]="corporationDetails"
80750
+ [config]="corporationDetailsCardFields"
80751
+ (visiblyValidChange)="onSectionValidChange('corpDetails', $event)"
80752
+ />
80753
+ </div>
80754
+ </expandable-card>
80755
+ }
80756
+
80757
+ @if (isLegalOpinion) {
80758
+ @let legalOpinion = getFormGroup(groups.LegalOpinion);
80759
+
80760
+ @if (legalOpinion) {
80761
+ <expandable-card
80762
+ [isValid]="
80763
+ sectionValidity['legalOpinionLawyer'] &&
80764
+ sectionValidity['legalOpinionAddress']
80765
+ "
80766
+ [isStatusIcon]="statusIcon()"
80767
+ [title]="groups.LegalOpinion"
80768
+ >
80769
+ <filing-form-group
80770
+ [isSubmitted]="isSubmitted()"
80771
+ [form]="legalOpinion"
80772
+ [config]="legalOpinionLawyerFields()"
80773
+ (visiblyValidChange)="
80774
+ onSectionValidChange('legalOpinionLawyer', $event)
80775
+ "
80776
+ />
80777
+
80778
+ @if (legalOpinion.get(controls.LawyerSigningOpinion)?.value) {
80779
+ <filing-form-group
80780
+ [isSubmitted]="isSubmitted()"
80781
+ [form]="legalOpinion"
80782
+ [config]="legalOpinionConfirmAddressFieldsMap[legalOpinion.get(controls.AffiliationAddressType)?.value]"
80783
+ (visiblyValidChange)="
80784
+ onSectionValidChange('legalOpinionAddress', $event)
80785
+ "
80786
+ />
80787
+ }
80788
+
80789
+ </expandable-card>
80790
+ }
80791
+ }
80792
+
80793
+ @let registeredOfficeForm = getFormGroup(groups.RegisteredOfficeAddress);
80794
+
80795
+ @if (registeredOfficeForm) {
80796
+ <expandable-card
80797
+ [isValid]="sectionValidity['registeredOffice']"
80798
+ [isStatusIcon]="statusIcon()"
80799
+ [title]="groups.RegisteredOfficeAddress"
80800
+ >
80801
+ <filing-form-group
80802
+ [isSubmitted]="isSubmitted()"
80803
+ [form]="registeredOfficeForm"
80804
+ [config]="
80805
+ affiliationCardFieldsMap[
80806
+ registeredOfficeForm.get(
80807
+ formationFormControls.AffiliationAddressType
80808
+ )?.value
80809
+ ]
80810
+ "
80811
+ (visiblyValidChange)="
80812
+ onSectionValidChange('registeredOffice', $event)
80813
+ "
80814
+ />
80815
+ </expandable-card>
80816
+ }
80817
+
80818
+ @let incorporatorsArray = getFormArray(groups.Incorporators);
80819
+ @let directorsArray = getFormArray(groups.Directors);
80820
+
80821
+ @let isOpenDirectors =
80822
+ (directorsArray?.length ?? 0) <= initiallyOpenCardsCount;
80823
+ @if (directorsArray && directorsArray.length) {
80824
+ <expandable-list-card
80825
+ [isValid]="sectionValidity['directors']"
80826
+ [areItemsOpen]="isOpenDirectors"
80827
+ [isStatusIcon]="statusIcon()"
80828
+ [config]="directorsCardFieldsMap"
80829
+ [configKey]="controls.AffiliationAddressType"
80830
+ [formArray]="directorsArray"
80831
+ [title]="groups.Directors"
80832
+ (visiblyValidChange)="onSectionValidChange('directors', $event)"
80833
+ >
80834
+ <p
80835
+ slot="subtitle"
80836
+ class="body-1-regular black"
80837
+ [innerHTML]="directorsSubtitle()"
80838
+ ></p>
80839
+ </expandable-list-card>
80840
+ } @else {
80841
+ <expandable-card [title]="groups.Directors">
80842
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
80843
+ </expandable-card>
80844
+ }
80845
+
80846
+ @let sharesAndProvisions = getFormGroup(groups.SharesAndProvisions);
80847
+
80848
+ @if (sharesAndProvisions) {
80849
+ <expandable-card
80850
+ [isStatusIcon]="false"
80851
+ [title]="groups.SharesAndProvisions"
80852
+ >
80853
+ <filing-form-group
80854
+ [isSubmitted]="isSubmitted()"
80855
+ [form]="sharesAndProvisions"
80856
+ [config]="sharesAndProvincesFields"
80857
+ />
80858
+ </expandable-card>
80859
+ }
80860
+
80861
+ @let isOpenIncorporators =
80862
+ (incorporatorsArray?.length ?? 0) <= initiallyOpenCardsCount;
80863
+
80864
+ @if (incorporatorsArray && incorporatorsArray.length) {
80865
+ <expandable-list-card
80866
+ [isValid]="sectionValidity['incorporators']"
80867
+ [areItemsOpen]="isOpenIncorporators"
80868
+ [isStatusIcon]="statusIcon()"
80869
+ [config]="incorporatorsCardFieldsMap"
80870
+ [configKey]="controls.AffiliationAddressType"
80871
+ [formArray]="incorporatorsArray"
80872
+ [isSubmitted]="isSubmitted()"
80873
+ [title]="groups.Incorporators"
80874
+ (visiblyValidChange)="onSectionValidChange('incorporators', $event)"
80875
+ />
80876
+ } @else {
80877
+ <expandable-card [title]="groups.Incorporators">
80878
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
80879
+ </expandable-card>
80880
+ }
80881
+ </div>
80882
+ </div>
80883
80883
  `, 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"] }]
80884
80884
  }], () => [], null);
80885
80885
  })();
@@ -80985,36 +80985,36 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
80985
80985
  (() => {
80986
80986
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(OntarioIncorporationDeltaFormComponent, [{
80987
80987
  type: Component,
80988
- args: [{ standalone: true, selector: "ontario-incorporation-delta-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, TranslatePipe, OntarioIncorporationFormComponent], template: `<div class="incorporation-delta-form">\r
80989
- <ontario-incorporation-form\r
80990
- class="incorporation-delta-form-content"\r
80991
- [form]="form()"\r
80992
- [task]="task()"\r
80993
- [errors]="combinedErrors()"\r
80994
- [isNote]="isNote()"\r
80995
- [isSubmitted]="submitted()"\r
80996
- [statusIcon]="true"\r
80997
- (visiblyValidChange)="onVisiblyValidChange($event)"\r
80998
- />\r
80999
- \r
81000
- <div class="incorporation-delta-form-actions">\r
81001
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
81002
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
81003
- </button>\r
81004
- <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>\r
81005
- <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
81006
- </button>\r
81007
- <button\r
81008
- class="submit"\r
81009
- color="primary"\r
81010
- mat-flat-button\r
81011
- [disabled]="actionsDisabled()"\r
81012
- (click)="onValidate()"\r
81013
- >\r
81014
- <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
81015
- </button>\r
81016
- </div>\r
81017
- </div>\r
80988
+ args: [{ standalone: true, selector: "ontario-incorporation-delta-form", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButton, TranslatePipe, OntarioIncorporationFormComponent], template: `<div class="incorporation-delta-form">
80989
+ <ontario-incorporation-form
80990
+ class="incorporation-delta-form-content"
80991
+ [form]="form()"
80992
+ [task]="task()"
80993
+ [errors]="combinedErrors()"
80994
+ [isNote]="isNote()"
80995
+ [isSubmitted]="submitted()"
80996
+ [statusIcon]="true"
80997
+ (visiblyValidChange)="onVisiblyValidChange($event)"
80998
+ />
80999
+
81000
+ <div class="incorporation-delta-form-actions">
81001
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
81002
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
81003
+ </button>
81004
+ <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>
81005
+ <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>
81006
+ </button>
81007
+ <button
81008
+ class="submit"
81009
+ color="primary"
81010
+ mat-flat-button
81011
+ [disabled]="actionsDisabled()"
81012
+ (click)="onValidate()"
81013
+ >
81014
+ <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>
81015
+ </button>
81016
+ </div>
81017
+ </div>
81018
81018
  `, 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"] }]
81019
81019
  }], null, null);
81020
81020
  })();
@@ -81091,29 +81091,29 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81091
81091
  MatButton,
81092
81092
  TranslatePipe,
81093
81093
  OntarioIncorporationFormComponent
81094
- ], template: `<div class="incorporation-preview-form">\r
81095
- <ontario-incorporation-form\r
81096
- class="incorporation-preview-form-content"\r
81097
- [form]="form()"\r
81098
- [task]="task()"\r
81099
- [statusIcon]="false"\r
81100
- />\r
81101
- \r
81102
- <div class="incorporation-preview-form-actions">\r
81103
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
81104
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
81105
- </button>\r
81106
- <button\r
81107
- class="submit"\r
81108
- color="primary"\r
81109
- mat-flat-button\r
81110
- [disabled]="actionsDisabled()"\r
81111
- (click)="next.emit()"\r
81112
- >\r
81113
- <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
81114
- </button>\r
81115
- </div>\r
81116
- </div>\r
81094
+ ], template: `<div class="incorporation-preview-form">
81095
+ <ontario-incorporation-form
81096
+ class="incorporation-preview-form-content"
81097
+ [form]="form()"
81098
+ [task]="task()"
81099
+ [statusIcon]="false"
81100
+ />
81101
+
81102
+ <div class="incorporation-preview-form-actions">
81103
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
81104
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
81105
+ </button>
81106
+ <button
81107
+ class="submit"
81108
+ color="primary"
81109
+ mat-flat-button
81110
+ [disabled]="actionsDisabled()"
81111
+ (click)="next.emit()"
81112
+ >
81113
+ <span class="body-1-semibold">{{ 'File' | translate }}</span>
81114
+ </button>
81115
+ </div>
81116
+ </div>
81117
81117
  `, 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"] }]
81118
81118
  }], null, null);
81119
81119
  })();
@@ -81124,7 +81124,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81124
81124
  });
81125
81125
 
81126
81126
  // src/app/constants/initial-return-form.constants.ts
81127
- var personFullAddressFormField, fullAddressFormField, currentNameFields, certifiedByAddressFormField, checkboxFormField, ONTARIO_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_NO_SUIT, ONTARIO_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_SUIT, ONTARIO_INITIAL_RETURN_FORM_GENERAL_FIELDS, ONTARIO_INITIAL_RETURN_CARD_FORM_ADDRESS_FIELDS_MAP, generatePersonFields, generateOntarioInitialReturnFormDirectorsFieldsMap, generateOntarioInitialReturnFormOfficerFieldsMap, generateCertifiedByFields, ONTARIO_INITIAL_RETURN_FORM_CERTIFIED_BY_FIELDS_MAP, generateOntarioInitialReturnFormContactControl;
81127
+ var personFullAddressFormField, emailField, fullAddressFormField, currentNameFields, certifiedByAddressFormField, checkboxFormField, ONTARIO_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_NO_SUIT, ONTARIO_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_SUIT, ONTARIO_INITIAL_RETURN_FORM_GENERAL_FIELDS, ONTARIO_INITIAL_RETURN_CARD_FORM_ADDRESS_FIELDS_MAP, generatePersonFields, generateOntarioInitialReturnFormDirectorsFieldsMap, generateOntarioInitialReturnFormOfficerFieldsMap, generateCertifiedByFields, ONTARIO_INITIAL_RETURN_FORM_CERTIFIED_BY_FIELDS_MAP, generateOntarioInitialReturnFormContactControl;
81128
81128
  var init_initial_return_form_constants = __esm({
81129
81129
  "src/app/constants/initial-return-form.constants.ts"() {
81130
81130
  init_form_enums();
@@ -81156,6 +81156,30 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81156
81156
  },
81157
81157
  class: "span-12"
81158
81158
  };
81159
+ emailField = {
81160
+ type: FormType.Text,
81161
+ class: "span-12",
81162
+ formControlName: "",
81163
+ dynamicLabel: (form, t, prevValueMap) => {
81164
+ const formValue = form.getRawValue();
81165
+ const isUpdate = formValue[IRFormControls.AffiliationType] === IRAffiliationType.Update;
81166
+ const baseEmail = form.get(IRFormControls.Email)?.value ?? "";
81167
+ const baseResult = `<span class="body-1-semibold">${t("Email")}:</span> ${form.get(IRFormControls.Email)?.value ?? ""}`;
81168
+ if (!prevValueMap || !isUpdate) {
81169
+ return baseEmail ? baseResult : "";
81170
+ }
81171
+ const key = formValue[IRFormControls.CurrentName];
81172
+ const prevValue = prevValueMap.get(key);
81173
+ if (!prevValue) {
81174
+ return baseEmail ? baseResult : "";
81175
+ }
81176
+ const prevEmail = prevValue.email;
81177
+ if (prevEmail === baseEmail) {
81178
+ return baseEmail ? baseResult : "";
81179
+ }
81180
+ return baseResult + `<span class="grey-mid"><br/><span class="body-1-semibold">${t("Previous Email")}:</span> ${prevEmail}</span>`;
81181
+ }
81182
+ };
81159
81183
  fullAddressFormField = {
81160
81184
  type: FormType.Text,
81161
81185
  label: "",
@@ -81443,43 +81467,19 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81443
81467
  class: "span-12",
81444
81468
  formControlName: ""
81445
81469
  },
81446
- ...fields,
81447
- {
81448
- type: FormType.Text,
81449
- class: "span-12",
81450
- formControlName: "",
81451
- dynamicLabel: (form, t, prevValueMap) => {
81452
- const formValue = form.getRawValue();
81453
- const isUpdate = formValue[IRFormControls.AffiliationType] === IRAffiliationType.Update;
81454
- const baseEmail = form.get(IRFormControls.Email)?.value ?? "";
81455
- const baseResult = `<span class="body-1-semibold">${t("Email")}:</span> ${form.get(IRFormControls.Email)?.value ?? ""}`;
81456
- if (!prevValueMap || !isUpdate) {
81457
- return baseEmail ? baseResult : "";
81458
- }
81459
- const key = formValue[IRFormControls.CurrentName];
81460
- const prevValue = prevValueMap.get(key);
81461
- if (!prevValue) {
81462
- return baseEmail ? baseResult : "";
81463
- }
81464
- const prevEmail = prevValue.email;
81465
- if (prevEmail === baseEmail) {
81466
- return baseEmail ? baseResult : "";
81467
- }
81468
- return baseResult + `<span class="grey-mid"><br/><span class="body-1-semibold">${t("Previous Email")}:</span> ${prevEmail}</span>`;
81469
- }
81470
- }
81470
+ ...fields
81471
81471
  ];
81472
81472
  generateOntarioInitialReturnFormDirectorsFieldsMap = (currentNameOptions) => ({
81473
- [AffiliationAddressType.CanadianNoSuite]: generatePersonFields([...ONTARIO_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_NO_SUIT, checkboxFormField, personFullAddressFormField, ...currentNameFields("Director", currentNameOptions)]),
81474
- [AffiliationAddressType.CanadianSuite]: generatePersonFields([...ONTARIO_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_SUIT, checkboxFormField, personFullAddressFormField, ...currentNameFields("Director", currentNameOptions)]),
81475
- [AffiliationAddressType.InternationalNoSuite]: generatePersonFields([checkboxFormField, personFullAddressFormField, ...currentNameFields("Director", currentNameOptions)]),
81476
- [AffiliationAddressType.InternationalSuite]: generatePersonFields([checkboxFormField, personFullAddressFormField, ...currentNameFields("Director", currentNameOptions)])
81473
+ [AffiliationAddressType.CanadianNoSuite]: generatePersonFields([...ONTARIO_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_NO_SUIT, personFullAddressFormField, emailField, checkboxFormField, ...currentNameFields("Director", currentNameOptions)]),
81474
+ [AffiliationAddressType.CanadianSuite]: generatePersonFields([...ONTARIO_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_SUIT, personFullAddressFormField, emailField, checkboxFormField, ...currentNameFields("Director", currentNameOptions)]),
81475
+ [AffiliationAddressType.InternationalNoSuite]: generatePersonFields([personFullAddressFormField, emailField, checkboxFormField, ...currentNameFields("Director", currentNameOptions)]),
81476
+ [AffiliationAddressType.InternationalSuite]: generatePersonFields([personFullAddressFormField, emailField, checkboxFormField, ...currentNameFields("Director", currentNameOptions)])
81477
81477
  });
81478
81478
  generateOntarioInitialReturnFormOfficerFieldsMap = (currentNameOptions) => ({
81479
- [AffiliationAddressType.CanadianNoSuite]: generatePersonFields([...ONTARIO_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_NO_SUIT, personFullAddressFormField, ...currentNameFields("Officer", currentNameOptions)]),
81480
- [AffiliationAddressType.CanadianSuite]: generatePersonFields([...ONTARIO_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_SUIT, personFullAddressFormField, ...currentNameFields("Officer", currentNameOptions)]),
81481
- [AffiliationAddressType.InternationalNoSuite]: generatePersonFields([personFullAddressFormField, ...currentNameFields("Officer", currentNameOptions)]),
81482
- [AffiliationAddressType.InternationalSuite]: generatePersonFields([personFullAddressFormField, ...currentNameFields("Officer", currentNameOptions)])
81479
+ [AffiliationAddressType.CanadianNoSuite]: generatePersonFields([...ONTARIO_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_NO_SUIT, personFullAddressFormField, emailField, ...currentNameFields("Officer", currentNameOptions)]),
81480
+ [AffiliationAddressType.CanadianSuite]: generatePersonFields([...ONTARIO_DELTA_CARD_FORM_AFFILIATION_FIELDS_CANADIAN_SUIT, personFullAddressFormField, emailField, ...currentNameFields("Officer", currentNameOptions)]),
81481
+ [AffiliationAddressType.InternationalNoSuite]: generatePersonFields([personFullAddressFormField, emailField, ...currentNameFields("Officer", currentNameOptions)]),
81482
+ [AffiliationAddressType.InternationalSuite]: generatePersonFields([personFullAddressFormField, emailField, ...currentNameFields("Officer", currentNameOptions)])
81483
81483
  });
81484
81484
  generateCertifiedByFields = (fields) => [
81485
81485
  {
@@ -81853,156 +81853,156 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
81853
81853
  ExpandableCardComponent,
81854
81854
  ExpandableListCardComponent,
81855
81855
  TranslatePipe
81856
- ], template: `<div class="ontario-update-maintain-form">\r
81857
- @if (isNote()) {\r
81858
- <alert\r
81859
- [type]="alertType.Info"\r
81860
- title="Entity changed"\r
81861
- content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
81862
- />\r
81863
- }\r
81864
- \r
81865
- @if (errors().length) {\r
81866
- <alert\r
81867
- title="The following issues need to be resolved before proceeding:"\r
81868
- [content]="errors()"\r
81869
- />\r
81870
- }\r
81871
- \r
81872
- <div class="ontario-update-maintain-form-content">\r
81873
- <!-- ===== GENERAL INFO ===== -->\r
81874
- @let generalInfoForm = getFormGroup(groups.General);\r
81875
- @if (generalInfoForm) {\r
81876
- <expandable-card\r
81877
- [title]="groups.General"\r
81878
- [isStatusIcon]="!readonly()"\r
81879
- >\r
81880
- <filing-form-group\r
81881
- [isSubmitted]="isSubmitted()"\r
81882
- [prevData]="prevData()?.corporationInfo"\r
81883
- [form]="generalInfoForm"\r
81884
- [config]="generalCardFields"\r
81885
- [label]="groups.General"\r
81886
- (visiblyValidChange)="onSectionValidChange('generalInfo', $event)"\r
81887
- />\r
81888
- </expandable-card>\r
81889
- }\r
81890
- \r
81891
- <!-- =====REGISTERED OFFICE ADDRESS===== -->\r
81892
- @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);\r
81893
- @if (registeredOfficeAddress) {\r
81894
- <expandable-card\r
81895
- [isStatusIcon]="!readonly()"\r
81896
- [isValid]="sectionValidity['registeredOffice']"\r
81897
- [title]="groups.RegisteredOfficeAddress"\r
81898
- >\r
81899
- <filing-form-group\r
81900
- [prevData]="prevData()?.corporationInfo"\r
81901
- [isSubmitted]="isSubmitted()"\r
81902
- [form]="registeredOfficeAddress"\r
81903
- [config]="\r
81904
- addressFieldsMap[\r
81905
- registeredOfficeAddress.get(controls.AffiliationAddressType)\r
81906
- ?.value\r
81907
- ]\r
81908
- "\r
81909
- (visiblyValidChange)="\r
81910
- onSectionValidChange('registeredOffice', $event)\r
81911
- "\r
81912
- />\r
81913
- </expandable-card>\r
81914
- }\r
81915
- \r
81916
- @let directorsArray = getFormArray(groups.Directors);\r
81917
- @if (directorsArray && directorsArray.length) {\r
81918
- @let isOpen =\r
81919
- (directorsArray?.length ?? 0) <= initiallyOpenCardsCount;\r
81920
- <expandable-list-card\r
81921
- [prevData]="prevData()?.persons"\r
81922
- [isSubmitted]="isSubmitted()"\r
81923
- [isValid]="sectionValidity['directors']"\r
81924
- [areItemsOpen]="isOpen"\r
81925
- [isStatusIcon]="!readonly()"\r
81926
- [isLoading]="isLoading()"\r
81927
- [config]="directorsFieldsMap"\r
81928
- [configKey]="controls.AffiliationAddressType"\r
81929
- [formArray]="directorsArray"\r
81930
- [title]="groups.Directors"\r
81931
- (visiblyValidChange)="onSectionValidChange('directors', $event)"\r
81932
- />\r
81933
- } @else {\r
81934
- <expandable-card [title]="groups.Directors">\r
81935
- <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
81936
- </expandable-card>\r
81937
- }\r
81938
- \r
81939
- @let officersArray = getFormArray(groups.Officers);\r
81940
- \r
81941
- \r
81942
- @if (officersArray && officersArray.length) {\r
81943
- @let isOpen =\r
81944
- (officersArray?.length ?? 0) <= initiallyOpenCardsCount;\r
81945
- \r
81946
- <expandable-list-card\r
81947
- [prevData]="prevData()?.persons"\r
81948
- [isSubmitted]="isSubmitted()"\r
81949
- [areItemsOpen]="isOpen"\r
81950
- [isStatusIcon]="!readonly()"\r
81951
- [isLoading]="isLoading()"\r
81952
- [config]="officersFieldsMap"\r
81953
- [configKey]="controls.AffiliationAddressType"\r
81954
- [formArray]="officersArray"\r
81955
- [title]="groups.Officers"\r
81956
- [isValid]="sectionValidity['officers']"\r
81957
- (visiblyValidChange)="onSectionValidChange('officers', $event)"\r
81958
- />\r
81959
- } @else {\r
81960
- <expandable-card [title]="groups.Officers">\r
81961
- <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
81962
- </expandable-card>\r
81963
- }\r
81964
- \r
81965
- @let certifiedBy = getFormGroup(groups.CertifiedBy);\r
81966
- <expandable-card\r
81967
- [isStatusIcon]="!readonly()"\r
81968
- [isValid]="certifiedBy ? sectionValidity['certifiedBy'] : true"\r
81969
- [title]="groups.CertifiedBy"\r
81970
- >\r
81971
- @if (certifiedBy) {\r
81972
- <filing-form-group\r
81973
- [prevData]="prevData()?.corporationInfo"\r
81974
- [isSubmitted]="isSubmitted()"\r
81975
- [form]="certifiedBy"\r
81976
- [config]="\r
81977
- certifiedByFieldsMap[\r
81978
- certifiedBy.get(controls.AffiliationAddressType)?.value\r
81979
- ]\r
81980
- "\r
81981
- (visiblyValidChange)="onSectionValidChange('certifiedBy', $event)"\r
81982
- />\r
81983
- } @else {\r
81984
- <h2 class="body-1-regular">{{ 'Not specified' | translate }}</h2>\r
81985
- }\r
81986
- \r
81987
- </expandable-card>\r
81988
- \r
81989
- @let contact = getFormGroup(groups.Contact);\r
81990
- @if (contact) {\r
81991
- <expandable-card\r
81992
- [isStatusIcon]="!readonly()"\r
81993
- [isValid]="sectionValidity['contact']"\r
81994
- [title]="groups.Contact"\r
81995
- >\r
81996
- <filing-form-group\r
81997
- [isSubmitted]="isSubmitted()"\r
81998
- [form]="contact"\r
81999
- [config]="contactsFields"\r
82000
- (visiblyValidChange)="onSectionValidChange('contact', $event)"\r
82001
- />\r
82002
- </expandable-card>\r
82003
- }\r
82004
- </div>\r
82005
- </div>\r
81856
+ ], template: `<div class="ontario-update-maintain-form">
81857
+ @if (isNote()) {
81858
+ <alert
81859
+ [type]="alertType.Info"
81860
+ title="Entity changed"
81861
+ content="A new draft needs to be generated as the Entity was changed since the last draft was produced."
81862
+ />
81863
+ }
81864
+
81865
+ @if (errors().length) {
81866
+ <alert
81867
+ title="The following issues need to be resolved before proceeding:"
81868
+ [content]="errors()"
81869
+ />
81870
+ }
81871
+
81872
+ <div class="ontario-update-maintain-form-content">
81873
+ <!-- ===== GENERAL INFO ===== -->
81874
+ @let generalInfoForm = getFormGroup(groups.General);
81875
+ @if (generalInfoForm) {
81876
+ <expandable-card
81877
+ [title]="groups.General"
81878
+ [isStatusIcon]="!readonly()"
81879
+ >
81880
+ <filing-form-group
81881
+ [isSubmitted]="isSubmitted()"
81882
+ [prevData]="prevData()?.corporationInfo"
81883
+ [form]="generalInfoForm"
81884
+ [config]="generalCardFields"
81885
+ [label]="groups.General"
81886
+ (visiblyValidChange)="onSectionValidChange('generalInfo', $event)"
81887
+ />
81888
+ </expandable-card>
81889
+ }
81890
+
81891
+ <!-- =====REGISTERED OFFICE ADDRESS===== -->
81892
+ @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);
81893
+ @if (registeredOfficeAddress) {
81894
+ <expandable-card
81895
+ [isStatusIcon]="!readonly()"
81896
+ [isValid]="sectionValidity['registeredOffice']"
81897
+ [title]="groups.RegisteredOfficeAddress"
81898
+ >
81899
+ <filing-form-group
81900
+ [prevData]="prevData()?.corporationInfo"
81901
+ [isSubmitted]="isSubmitted()"
81902
+ [form]="registeredOfficeAddress"
81903
+ [config]="
81904
+ addressFieldsMap[
81905
+ registeredOfficeAddress.get(controls.AffiliationAddressType)
81906
+ ?.value
81907
+ ]
81908
+ "
81909
+ (visiblyValidChange)="
81910
+ onSectionValidChange('registeredOffice', $event)
81911
+ "
81912
+ />
81913
+ </expandable-card>
81914
+ }
81915
+
81916
+ @let directorsArray = getFormArray(groups.Directors);
81917
+ @if (directorsArray && directorsArray.length) {
81918
+ @let isOpen =
81919
+ (directorsArray?.length ?? 0) <= initiallyOpenCardsCount;
81920
+ <expandable-list-card
81921
+ [prevData]="prevData()?.persons"
81922
+ [isSubmitted]="isSubmitted()"
81923
+ [isValid]="sectionValidity['directors']"
81924
+ [areItemsOpen]="isOpen"
81925
+ [isStatusIcon]="!readonly()"
81926
+ [isLoading]="isLoading()"
81927
+ [config]="directorsFieldsMap"
81928
+ [configKey]="controls.AffiliationAddressType"
81929
+ [formArray]="directorsArray"
81930
+ [title]="groups.Directors"
81931
+ (visiblyValidChange)="onSectionValidChange('directors', $event)"
81932
+ />
81933
+ } @else {
81934
+ <expandable-card [title]="groups.Directors">
81935
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
81936
+ </expandable-card>
81937
+ }
81938
+
81939
+ @let officersArray = getFormArray(groups.Officers);
81940
+
81941
+
81942
+ @if (officersArray && officersArray.length) {
81943
+ @let isOpen =
81944
+ (officersArray?.length ?? 0) <= initiallyOpenCardsCount;
81945
+
81946
+ <expandable-list-card
81947
+ [prevData]="prevData()?.persons"
81948
+ [isSubmitted]="isSubmitted()"
81949
+ [areItemsOpen]="isOpen"
81950
+ [isStatusIcon]="!readonly()"
81951
+ [isLoading]="isLoading()"
81952
+ [config]="officersFieldsMap"
81953
+ [configKey]="controls.AffiliationAddressType"
81954
+ [formArray]="officersArray"
81955
+ [title]="groups.Officers"
81956
+ [isValid]="sectionValidity['officers']"
81957
+ (visiblyValidChange)="onSectionValidChange('officers', $event)"
81958
+ />
81959
+ } @else {
81960
+ <expandable-card [title]="groups.Officers">
81961
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
81962
+ </expandable-card>
81963
+ }
81964
+
81965
+ @let certifiedBy = getFormGroup(groups.CertifiedBy);
81966
+ <expandable-card
81967
+ [isStatusIcon]="!readonly()"
81968
+ [isValid]="certifiedBy ? sectionValidity['certifiedBy'] : true"
81969
+ [title]="groups.CertifiedBy"
81970
+ >
81971
+ @if (certifiedBy) {
81972
+ <filing-form-group
81973
+ [prevData]="prevData()?.corporationInfo"
81974
+ [isSubmitted]="isSubmitted()"
81975
+ [form]="certifiedBy"
81976
+ [config]="
81977
+ certifiedByFieldsMap[
81978
+ certifiedBy.get(controls.AffiliationAddressType)?.value
81979
+ ]
81980
+ "
81981
+ (visiblyValidChange)="onSectionValidChange('certifiedBy', $event)"
81982
+ />
81983
+ } @else {
81984
+ <h2 class="body-1-regular">{{ 'Not specified' | translate }}</h2>
81985
+ }
81986
+
81987
+ </expandable-card>
81988
+
81989
+ @let contact = getFormGroup(groups.Contact);
81990
+ @if (contact) {
81991
+ <expandable-card
81992
+ [isStatusIcon]="!readonly()"
81993
+ [isValid]="sectionValidity['contact']"
81994
+ [title]="groups.Contact"
81995
+ >
81996
+ <filing-form-group
81997
+ [isSubmitted]="isSubmitted()"
81998
+ [form]="contact"
81999
+ [config]="contactsFields"
82000
+ (visiblyValidChange)="onSectionValidChange('contact', $event)"
82001
+ />
82002
+ </expandable-card>
82003
+ }
82004
+ </div>
82005
+ </div>
82006
82006
  `, styles: ["/* src/app/components/ontario/update-maintain/update-maintain-form/update-maintain-form.component.scss */\n:host .ontario-update-maintain-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n overflow-y: auto;\n}\n:host .ontario-update-maintain-form-content {\n display: flex;\n flex-direction: column;\n gap: 24px;\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"] }]
82007
82007
  }], () => [], null);
82008
82008
  })();
@@ -82117,39 +82117,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
82117
82117
  MatButton,
82118
82118
  TranslatePipe,
82119
82119
  OntarioUpdateMaintainFormComponent
82120
- ], template: `<div class="ontario-update-maintain-delta-form">\r
82121
- <ontario-update-maintain-form\r
82122
- class="ontario-update-maintain-delta-form-content"\r
82123
- [form]="form()"\r
82124
- [task]="task()"\r
82125
- [errors]="combinedErrors()"\r
82126
- [isNote]="isNote()"\r
82127
- [isSubmitted]="submitted()"\r
82128
- [readonly]="false"\r
82129
- [prevData]="prevData()"\r
82130
- [isLoading]="!prevData()"\r
82131
- (visiblyValidChange)="onVisiblyValidChange($event)"\r
82132
- />\r
82133
- \r
82134
- <div class="ontario-update-maintain-delta-form-actions">\r
82135
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
82136
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
82137
- </button>\r
82138
- <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>\r
82139
- <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
82140
- </button>\r
82141
- <button\r
82142
- class="submit"\r
82143
- color="primary"\r
82144
- mat-flat-button\r
82145
- [disabled]="actionsDisabled()"\r
82146
- (click)="onValidate()"\r
82147
- >\r
82148
- <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
82149
- </button>\r
82150
- </div>\r
82151
- </div>\r
82152
- \r
82120
+ ], template: `<div class="ontario-update-maintain-delta-form">
82121
+ <ontario-update-maintain-form
82122
+ class="ontario-update-maintain-delta-form-content"
82123
+ [form]="form()"
82124
+ [task]="task()"
82125
+ [errors]="combinedErrors()"
82126
+ [isNote]="isNote()"
82127
+ [isSubmitted]="submitted()"
82128
+ [readonly]="false"
82129
+ [prevData]="prevData()"
82130
+ [isLoading]="!prevData()"
82131
+ (visiblyValidChange)="onVisiblyValidChange($event)"
82132
+ />
82133
+
82134
+ <div class="ontario-update-maintain-delta-form-actions">
82135
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
82136
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
82137
+ </button>
82138
+ <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>
82139
+ <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>
82140
+ </button>
82141
+ <button
82142
+ class="submit"
82143
+ color="primary"
82144
+ mat-flat-button
82145
+ [disabled]="actionsDisabled()"
82146
+ (click)="onValidate()"
82147
+ >
82148
+ <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>
82149
+ </button>
82150
+ </div>
82151
+ </div>
82152
+
82153
82153
  `, 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"] }]
82154
82154
  }], null, null);
82155
82155
  })();
@@ -82224,32 +82224,32 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
82224
82224
  MatButton,
82225
82225
  OntarioUpdateMaintainFormComponent,
82226
82226
  TranslatePipe
82227
- ], template: `<div class="ontario-update-maintain-preview-form">\r
82228
- <ontario-update-maintain-form\r
82229
- class="ontario-update-maintain-preview-form-content"\r
82230
- [form]="form()"\r
82231
- [task]="task()"\r
82232
- [errors]="errors()"\r
82233
- [isSubmitted]="false"\r
82234
- [readonly]="false"\r
82235
- />\r
82236
- \r
82237
- <div class="ontario-update-maintain-preview-form-actions">\r
82238
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
82239
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
82240
- </button>\r
82241
- <button\r
82242
- class="submit"\r
82243
- color="primary"\r
82244
- mat-flat-button\r
82245
- [disabled]="actionsDisabled()"\r
82246
- (click)="file.emit()"\r
82247
- >\r
82248
- <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
82249
- </button>\r
82250
- </div>\r
82251
- </div>\r
82252
- \r
82227
+ ], template: `<div class="ontario-update-maintain-preview-form">
82228
+ <ontario-update-maintain-form
82229
+ class="ontario-update-maintain-preview-form-content"
82230
+ [form]="form()"
82231
+ [task]="task()"
82232
+ [errors]="errors()"
82233
+ [isSubmitted]="false"
82234
+ [readonly]="false"
82235
+ />
82236
+
82237
+ <div class="ontario-update-maintain-preview-form-actions">
82238
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
82239
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
82240
+ </button>
82241
+ <button
82242
+ class="submit"
82243
+ color="primary"
82244
+ mat-flat-button
82245
+ [disabled]="actionsDisabled()"
82246
+ (click)="file.emit()"
82247
+ >
82248
+ <span class="body-1-semibold">{{ 'File' | translate }}</span>
82249
+ </button>
82250
+ </div>
82251
+ </div>
82252
+
82253
82253
  `, 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"] }]
82254
82254
  }], null, null);
82255
82255
  })();
@@ -82720,7 +82720,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
82720
82720
  OntarioIncorporationDeltaFormComponent,
82721
82721
  OntarioIncorporationPreviewFormComponent,
82722
82722
  TermsAndConditionsComponent
82723
- ], 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 (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 (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"] }]
82723
+ ], 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 (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 (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"] }]
82724
82724
  }], () => [], null);
82725
82725
  })();
82726
82726
  (() => {
@@ -83825,39 +83825,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
83825
83825
  (() => {
83826
83826
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(SelectModalComponent, [{
83827
83827
  type: Component,
83828
- args: [{ standalone: true, selector: "add-documents-modal", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, MatDialogModule, MatIconModule, TranslatePipe, MatCheckbox], template: `<div class="add-documents-modal">\r
83829
- <div class="add-documents-modal-header">\r
83830
- <h2 class="grey">{{ dialogData.title | translate }}</h2>\r
83831
- </div>\r
83832
- \r
83833
- <div class="add-documents-modal-list">\r
83834
- @for (doc of dialogData.items; track doc) {\r
83835
- <div (click)="toggleDocument(doc)" class="add-documents-modal-list-item">\r
83836
- <mat-checkbox [checked]="isSelected(doc)"/>\r
83837
- <span class="body-1-regular">{{ doc }}</span>\r
83838
- </div>\r
83839
- }\r
83840
- </div>\r
83841
- \r
83842
- <div class="add-documents-modal-actions">\r
83843
- <button\r
83844
- mat-stroked-button mat-button\r
83845
- (click)="closeModal()"\r
83846
- >\r
83847
- <span class="body-1-semibold">{{ 'Cancel' | translate }}</span>\r
83848
- </button>\r
83849
- \r
83850
- <button\r
83851
- class="submit"\r
83852
- mat-flat-button\r
83853
- [disabled]="!hasSelection()"\r
83854
- (click)="addSelectedDocuments()"\r
83855
- >\r
83856
- <span class="body-1-semibold">{{ dialogData.submitButton | translate }}</span>\r
83857
- </button>\r
83858
- </div>\r
83859
- \r
83860
- </div>\r
83828
+ args: [{ standalone: true, selector: "add-documents-modal", changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatButtonModule, MatDialogModule, MatIconModule, TranslatePipe, MatCheckbox], template: `<div class="add-documents-modal">
83829
+ <div class="add-documents-modal-header">
83830
+ <h2 class="grey">{{ dialogData.title | translate }}</h2>
83831
+ </div>
83832
+
83833
+ <div class="add-documents-modal-list">
83834
+ @for (doc of dialogData.items; track doc) {
83835
+ <div (click)="toggleDocument(doc)" class="add-documents-modal-list-item">
83836
+ <mat-checkbox [checked]="isSelected(doc)"/>
83837
+ <span class="body-1-regular">{{ doc }}</span>
83838
+ </div>
83839
+ }
83840
+ </div>
83841
+
83842
+ <div class="add-documents-modal-actions">
83843
+ <button
83844
+ mat-stroked-button mat-button
83845
+ (click)="closeModal()"
83846
+ >
83847
+ <span class="body-1-semibold">{{ 'Cancel' | translate }}</span>
83848
+ </button>
83849
+
83850
+ <button
83851
+ class="submit"
83852
+ mat-flat-button
83853
+ [disabled]="!hasSelection()"
83854
+ (click)="addSelectedDocuments()"
83855
+ >
83856
+ <span class="body-1-semibold">{{ dialogData.submitButton | translate }}</span>
83857
+ </button>
83858
+ </div>
83859
+
83860
+ </div>
83861
83861
  `, 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'] }]
83862
83862
  }], null, null);
83863
83863
  })();
@@ -84002,34 +84002,34 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
84002
84002
  MatButton,
84003
84003
  TranslatePipe,
84004
84004
  MatIcon
84005
- ], template: `<div class="documents">\r
84006
- <span class="body-1-regular">{{ 'Supporting documents relevant to the proposed name, including consent letters' | translate }}</span>\r
84007
- \r
84008
- @let selectedDocuments = this.selectedDocuments();\r
84009
- @if (selectedDocuments.length) {\r
84010
- <div class="documents-list">\r
84011
- @for(document of selectedDocuments; track document) {\r
84012
- <div class="documents-list-item body-1-regular">\r
84013
- <mat-icon class="documents-list-item-document">description_outline</mat-icon>\r
84014
- <span class="body-1-regular">{{document}}</span>\r
84015
- \r
84016
- @if (!readonly()) {\r
84017
- <div class="documents-list-icon-wrapper" (click)="removeDocument.emit(document)">\r
84018
- <mat-icon class="documents-list-item-close">close</mat-icon>\r
84019
- </div>\r
84020
- }\r
84021
- \r
84022
- </div>\r
84023
- }\r
84024
- </div>\r
84025
- }\r
84026
- \r
84027
- @if (!readonly()) {\r
84028
- <button mat-stroked-button class="outlined" (click)="onAddDocuments()">\r
84029
- <span class="body-1-semibold">{{ 'Add Supporting Documents' | translate }}</span>\r
84030
- </button>\r
84031
- }\r
84032
- </div>\r
84005
+ ], template: `<div class="documents">
84006
+ <span class="body-1-regular">{{ 'Supporting documents relevant to the proposed name, including consent letters' | translate }}</span>
84007
+
84008
+ @let selectedDocuments = this.selectedDocuments();
84009
+ @if (selectedDocuments.length) {
84010
+ <div class="documents-list">
84011
+ @for(document of selectedDocuments; track document) {
84012
+ <div class="documents-list-item body-1-regular">
84013
+ <mat-icon class="documents-list-item-document">description_outline</mat-icon>
84014
+ <span class="body-1-regular">{{document}}</span>
84015
+
84016
+ @if (!readonly()) {
84017
+ <div class="documents-list-icon-wrapper" (click)="removeDocument.emit(document)">
84018
+ <mat-icon class="documents-list-item-close">close</mat-icon>
84019
+ </div>
84020
+ }
84021
+
84022
+ </div>
84023
+ }
84024
+ </div>
84025
+ }
84026
+
84027
+ @if (!readonly()) {
84028
+ <button mat-stroked-button class="outlined" (click)="onAddDocuments()">
84029
+ <span class="body-1-semibold">{{ 'Add Supporting Documents' | translate }}</span>
84030
+ </button>
84031
+ }
84032
+ </div>
84033
84033
  `, 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"] }]
84034
84034
  }], null, null);
84035
84035
  })();
@@ -84855,246 +84855,246 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
84855
84855
  TranslatePipe,
84856
84856
  ReactiveFormsModule,
84857
84857
  DatePipe
84858
- ], template: `<div class="incorporation-form">\r
84859
- @if (isNote()) {\r
84860
- <alert\r
84861
- [type]="alertType.Info"\r
84862
- title="Entity changed"\r
84863
- content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
84864
- />\r
84865
- }\r
84866
- \r
84867
- @if (errors().length) {\r
84868
- <alert\r
84869
- title="The following issues need to be resolved before proceeding:"\r
84870
- [content]="errors()"\r
84871
- />\r
84872
- }\r
84873
- \r
84874
- <div class="incorporation-form-content">\r
84875
- @let corporateName = getFormGroup(groups.CorporateName);\r
84876
- \r
84877
- @if (corporateName) {\r
84878
- <expandable-card\r
84879
- [isValid]="sectionValidity['corporateName']"\r
84880
- [isStatusIcon]="isStatusIcon()"\r
84881
- [title]="groups.CorporateName"\r
84882
- >\r
84883
- <div class="incorporation-form-item">\r
84884
- <filing-form-group\r
84885
- [isSubmitted]="isSubmitted()"\r
84886
- [form]="corporateName"\r
84887
- [config]="incorporationFields"\r
84888
- (visiblyValidChange)="onSectionValidChange('corporateName', $event)"\r
84889
- />\r
84890
- \r
84891
- @if (isNonPreapprovedNameType() || selectedDocuments().length) {\r
84892
- <documents\r
84893
- [documents]="documents()"\r
84894
- [readonly]="isReadonly()"\r
84895
- [selectedDocuments]="selectedDocuments()"\r
84896
- (addDocuments)="addDocuments.emit($event)"\r
84897
- (removeDocument)="removeDocument.emit($event)"\r
84898
- />\r
84899
- }\r
84900
- </div>\r
84901
- </expandable-card>\r
84902
- }\r
84903
- \r
84904
- @let articlesOfIncorporation = getFormGroup(groups.ArticlesOfIncorporation);\r
84905
- \r
84906
- @if (articlesOfIncorporation) {\r
84907
- <expandable-card\r
84908
- [isValid]="sectionValidity['articles']"\r
84909
- [isStatusIcon]="isStatusIcon()"\r
84910
- [title]="groups.ArticlesOfIncorporation"\r
84911
- >\r
84912
- <div class="incorporation-form-item">\r
84913
- <span\r
84914
- class="body-1-regular black"\r
84915
- [innerHTML]="directorsSubtitle()"\r
84916
- ></span>\r
84917
- \r
84918
- <filing-form-group\r
84919
- [isSubmitted]="isSubmitted()"\r
84920
- [form]="articlesOfIncorporation"\r
84921
- [config]="articlesOfIncorporationFields"\r
84922
- (visiblyValidChange)="onSectionValidChange('articles', $event)"\r
84923
- />\r
84924
- <div>\r
84925
- <span class="body-1-semibold dark-blue">{{ 'Incorporators' | translate }}</span>\r
84926
- \r
84927
- <ul class="incorporators-list">\r
84928
- @for (\r
84929
- incorporator of task()?._ext?._incorporators;\r
84930
- track incorporator.affiliationID\r
84931
- ) {\r
84932
- <li class="body-1-regular grey">\r
84933
- {{ getIncorporatorName(incorporator) }}\r
84934
- </li>\r
84935
- }\r
84936
- </ul>\r
84937
- </div>\r
84938
- \r
84939
- <span class="body-1-regular grey"\r
84940
- >{{ 'Effective Date' | translate }}:\r
84941
- {{\r
84942
- task()?._ext?._future_filing_date\r
84943
- ? (task()!._ext!._future_filing_date | date: "yyyy-MM-dd")\r
84944
- : (today | date: "yyyy-MM-dd")\r
84945
- }}</span\r
84946
- >\r
84947
- </div>\r
84948
- </expandable-card>\r
84949
- }\r
84950
- \r
84951
- @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);\r
84952
- \r
84953
- @if (registeredOfficeAddress) {\r
84954
- <expandable-card\r
84955
- [isValid]="sectionValidity['registeredOffice']"\r
84956
- [isStatusIcon]="isStatusIcon()"\r
84957
- [title]="groups.RegisteredOfficeAddress"\r
84958
- >\r
84959
- <div class="incorporation-form-item">\r
84960
- <filing-form-group\r
84961
- [isSubmitted]="isSubmitted()"\r
84962
- [form]="registeredOfficeAddress"\r
84963
- [config]="registeredOfficeAddressFields"\r
84964
- (visiblyValidChange)="\r
84965
- onSectionValidChange('registeredOffice', $event)\r
84966
- "\r
84967
- />\r
84968
- </div>\r
84969
- </expandable-card>\r
84970
- }\r
84971
- \r
84972
- @let directorsArray = getFormArray(groups.Directors);\r
84973
- \r
84974
- @if (directorsArray && directorsArray.length) {\r
84975
- @let directorsFormArray = getFormArray(groups.Directors);\r
84976
- <expandable-list-card\r
84977
- [isValid]="sectionValidity['directors']"\r
84978
- [isSubmitted]="isSubmitted()"\r
84979
- [areItemsOpen]="directorsArray.length <= initiallyOpenCardsCount"\r
84980
- [fields]="directorsFields"\r
84981
- [formArray]="directorsFormArray"\r
84982
- [title]="groups.Directors"\r
84983
- (visiblyValidChange)="onSectionValidChange('directors', $event)"\r
84984
- />\r
84985
- } @else {\r
84986
- <expandable-card [title]="groups.Directors">\r
84987
- <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
84988
- </expandable-card>\r
84989
- }\r
84990
- \r
84991
- @let significantControl = getFormGroup(groups.SignificantControl);\r
84992
- @if (significantControl) {\r
84993
- @let individualsWithSignificantControlArray =\r
84994
- getFormArray(groups.IndividualsWithSignificantControl);\r
84995
- \r
84996
- @if (individualsWithSignificantControlArray) {\r
84997
- <expandable-list-card\r
84998
- [areItemsOpen]="\r
84999
- individualsWithSignificantControlArray.length <=\r
85000
- initiallyOpenCardsCount\r
85001
- "\r
85002
- [isValid]="\r
85003
- sectionValidity['isc'] &&\r
85004
- sectionValidity['significantControl']\r
85005
- "\r
85006
- (remove)="onRemoveIndividualWithSignificantForm($event)"\r
85007
- [removable]="!isReadonly()"\r
85008
- [isSubmitted]="isSubmitted()"\r
85009
- [isStatusIcon]="isStatusIcon()"\r
85010
- [fields]="individualsWithSignificantControlFields"\r
85011
- [formArray]="individualsWithSignificantControlArray"\r
85012
- [title]="groups.IndividualsWithSignificantControl"\r
85013
- (visiblyValidChange)="onSectionValidChange('isc', $event)"\r
85014
- >\r
85015
- @if (\r
85016
- !isReadonly() && isAddIndividualWithSignificantControlAvailable()\r
85017
- ) {\r
85018
- <button\r
85019
- [disabled]="isAddIndividualWithSignificantControlDisabled()"\r
85020
- slot="subtitle"\r
85021
- mat-stroked-button\r
85022
- mat-button\r
85023
- (click)="addIndividualWithSignificantControl()"\r
85024
- >\r
85025
- <span class="body-1-semibold">{{\r
85026
- "Add Individuals With Significant Control" | translate\r
85027
- }}</span>\r
85028
- </button>\r
85029
- }\r
85030
- \r
85031
- <div class="significant-control" slot="header-content">\r
85032
- <filing-form-group\r
85033
- [isSubmitted]="isSubmitted()"\r
85034
- [form]="significantControl"\r
85035
- [config]="significantControlFields"\r
85036
- (visiblyValidChange)="\r
85037
- onSectionValidChange('significantControl', $event)\r
85038
- "\r
85039
- />\r
85040
- </div>\r
85041
- </expandable-list-card>\r
85042
- }\r
85043
- }\r
85044
- \r
85045
- @let inviteDirectorToBeFullAccessManager =\r
85046
- getFormGroup(groups.InviteDirectorToBeFullAccessManager);\r
85047
- @if (inviteDirectorToBeFullAccessManager) {\r
85048
- <expandable-card\r
85049
- [isValid]="sectionValidity['inviteDirector']"\r
85050
- [title]="groups.InviteDirectorToBeFullAccessManager"\r
85051
- >\r
85052
- <filing-form-group\r
85053
- [isSubmitted]="isSubmitted()"\r
85054
- [form]="inviteDirectorToBeFullAccessManager"\r
85055
- [config]="federalFormationFormInviteDirectorsToBeManagersControl"\r
85056
- (visiblyValidChange)="onSectionValidChange('inviteDirector', $event)"\r
85057
- />\r
85058
- </expandable-card>\r
85059
- }\r
85060
- \r
85061
- @let extraProvincialLicensesArray =\r
85062
- getFormArray(groups.ExtraProvincialRegistrations);\r
85063
- @let extraProvincialLicensesControlsLength =\r
85064
- extraProvincialLicensesArray?.length;\r
85065
- \r
85066
- @if (extraProvincialLicensesControlsLength) {\r
85067
- <expandable-list-card\r
85068
- [areItemsOpen]="extraProvincialLicensesControlsLength === 1"\r
85069
- [isValid]="sectionValidity['epl']"\r
85070
- [isSubmitted]="isSubmitted()"\r
85071
- [isStatusIcon]="isStatusIcon()"\r
85072
- [fields]="extraProvincialLicensesFields"\r
85073
- [formArray]="extraProvincialLicensesArray"\r
85074
- [title]="groups.ExtraProvincialRegistrations"\r
85075
- (visiblyValidChange)="onSectionValidChange('epl', $event)"\r
85076
- />\r
85077
- }\r
85078
- \r
85079
- @let contactForm = getFormGroup(groups.Contact);\r
85080
- @if (contactForm) {\r
85081
- <expandable-card\r
85082
- [isStatusIcon]="isStatusIcon()"\r
85083
- [isValid]="sectionValidity['contact']"\r
85084
- [title]="groups.Contact"\r
85085
- >\r
85086
- <filing-form-group\r
85087
- [isSubmitted]="isSubmitted()"\r
85088
- [form]="contactForm"\r
85089
- [config]="contactControl"\r
85090
- (visiblyValidChange)="onSectionValidChange('contact', $event)"\r
85091
- />\r
85092
- </expandable-card>\r
85093
- }\r
85094
- \r
85095
- <ng-content></ng-content>\r
85096
- </div>\r
85097
- </div>\r
84858
+ ], template: `<div class="incorporation-form">
84859
+ @if (isNote()) {
84860
+ <alert
84861
+ [type]="alertType.Info"
84862
+ title="Entity changed"
84863
+ content="A new draft needs to be generated as the Entity was changed since the last draft was produced."
84864
+ />
84865
+ }
84866
+
84867
+ @if (errors().length) {
84868
+ <alert
84869
+ title="The following issues need to be resolved before proceeding:"
84870
+ [content]="errors()"
84871
+ />
84872
+ }
84873
+
84874
+ <div class="incorporation-form-content">
84875
+ @let corporateName = getFormGroup(groups.CorporateName);
84876
+
84877
+ @if (corporateName) {
84878
+ <expandable-card
84879
+ [isValid]="sectionValidity['corporateName']"
84880
+ [isStatusIcon]="isStatusIcon()"
84881
+ [title]="groups.CorporateName"
84882
+ >
84883
+ <div class="incorporation-form-item">
84884
+ <filing-form-group
84885
+ [isSubmitted]="isSubmitted()"
84886
+ [form]="corporateName"
84887
+ [config]="incorporationFields"
84888
+ (visiblyValidChange)="onSectionValidChange('corporateName', $event)"
84889
+ />
84890
+
84891
+ @if (isNonPreapprovedNameType() || selectedDocuments().length) {
84892
+ <documents
84893
+ [documents]="documents()"
84894
+ [readonly]="isReadonly()"
84895
+ [selectedDocuments]="selectedDocuments()"
84896
+ (addDocuments)="addDocuments.emit($event)"
84897
+ (removeDocument)="removeDocument.emit($event)"
84898
+ />
84899
+ }
84900
+ </div>
84901
+ </expandable-card>
84902
+ }
84903
+
84904
+ @let articlesOfIncorporation = getFormGroup(groups.ArticlesOfIncorporation);
84905
+
84906
+ @if (articlesOfIncorporation) {
84907
+ <expandable-card
84908
+ [isValid]="sectionValidity['articles']"
84909
+ [isStatusIcon]="isStatusIcon()"
84910
+ [title]="groups.ArticlesOfIncorporation"
84911
+ >
84912
+ <div class="incorporation-form-item">
84913
+ <span
84914
+ class="body-1-regular black"
84915
+ [innerHTML]="directorsSubtitle()"
84916
+ ></span>
84917
+
84918
+ <filing-form-group
84919
+ [isSubmitted]="isSubmitted()"
84920
+ [form]="articlesOfIncorporation"
84921
+ [config]="articlesOfIncorporationFields"
84922
+ (visiblyValidChange)="onSectionValidChange('articles', $event)"
84923
+ />
84924
+ <div>
84925
+ <span class="body-1-semibold dark-blue">{{ 'Incorporators' | translate }}</span>
84926
+
84927
+ <ul class="incorporators-list">
84928
+ @for (
84929
+ incorporator of task()?._ext?._incorporators;
84930
+ track incorporator.affiliationID
84931
+ ) {
84932
+ <li class="body-1-regular grey">
84933
+ {{ getIncorporatorName(incorporator) }}
84934
+ </li>
84935
+ }
84936
+ </ul>
84937
+ </div>
84938
+
84939
+ <span class="body-1-regular grey"
84940
+ >{{ 'Effective Date' | translate }}:
84941
+ {{
84942
+ task()?._ext?._future_filing_date
84943
+ ? (task()!._ext!._future_filing_date | date: "yyyy-MM-dd")
84944
+ : (today | date: "yyyy-MM-dd")
84945
+ }}</span
84946
+ >
84947
+ </div>
84948
+ </expandable-card>
84949
+ }
84950
+
84951
+ @let registeredOfficeAddress = getFormGroup(groups.RegisteredOfficeAddress);
84952
+
84953
+ @if (registeredOfficeAddress) {
84954
+ <expandable-card
84955
+ [isValid]="sectionValidity['registeredOffice']"
84956
+ [isStatusIcon]="isStatusIcon()"
84957
+ [title]="groups.RegisteredOfficeAddress"
84958
+ >
84959
+ <div class="incorporation-form-item">
84960
+ <filing-form-group
84961
+ [isSubmitted]="isSubmitted()"
84962
+ [form]="registeredOfficeAddress"
84963
+ [config]="registeredOfficeAddressFields"
84964
+ (visiblyValidChange)="
84965
+ onSectionValidChange('registeredOffice', $event)
84966
+ "
84967
+ />
84968
+ </div>
84969
+ </expandable-card>
84970
+ }
84971
+
84972
+ @let directorsArray = getFormArray(groups.Directors);
84973
+
84974
+ @if (directorsArray && directorsArray.length) {
84975
+ @let directorsFormArray = getFormArray(groups.Directors);
84976
+ <expandable-list-card
84977
+ [isValid]="sectionValidity['directors']"
84978
+ [isSubmitted]="isSubmitted()"
84979
+ [areItemsOpen]="directorsArray.length <= initiallyOpenCardsCount"
84980
+ [fields]="directorsFields"
84981
+ [formArray]="directorsFormArray"
84982
+ [title]="groups.Directors"
84983
+ (visiblyValidChange)="onSectionValidChange('directors', $event)"
84984
+ />
84985
+ } @else {
84986
+ <expandable-card [title]="groups.Directors">
84987
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
84988
+ </expandable-card>
84989
+ }
84990
+
84991
+ @let significantControl = getFormGroup(groups.SignificantControl);
84992
+ @if (significantControl) {
84993
+ @let individualsWithSignificantControlArray =
84994
+ getFormArray(groups.IndividualsWithSignificantControl);
84995
+
84996
+ @if (individualsWithSignificantControlArray) {
84997
+ <expandable-list-card
84998
+ [areItemsOpen]="
84999
+ individualsWithSignificantControlArray.length <=
85000
+ initiallyOpenCardsCount
85001
+ "
85002
+ [isValid]="
85003
+ sectionValidity['isc'] &&
85004
+ sectionValidity['significantControl']
85005
+ "
85006
+ (remove)="onRemoveIndividualWithSignificantForm($event)"
85007
+ [removable]="!isReadonly()"
85008
+ [isSubmitted]="isSubmitted()"
85009
+ [isStatusIcon]="isStatusIcon()"
85010
+ [fields]="individualsWithSignificantControlFields"
85011
+ [formArray]="individualsWithSignificantControlArray"
85012
+ [title]="groups.IndividualsWithSignificantControl"
85013
+ (visiblyValidChange)="onSectionValidChange('isc', $event)"
85014
+ >
85015
+ @if (
85016
+ !isReadonly() && isAddIndividualWithSignificantControlAvailable()
85017
+ ) {
85018
+ <button
85019
+ [disabled]="isAddIndividualWithSignificantControlDisabled()"
85020
+ slot="subtitle"
85021
+ mat-stroked-button
85022
+ mat-button
85023
+ (click)="addIndividualWithSignificantControl()"
85024
+ >
85025
+ <span class="body-1-semibold">{{
85026
+ "Add Individuals With Significant Control" | translate
85027
+ }}</span>
85028
+ </button>
85029
+ }
85030
+
85031
+ <div class="significant-control" slot="header-content">
85032
+ <filing-form-group
85033
+ [isSubmitted]="isSubmitted()"
85034
+ [form]="significantControl"
85035
+ [config]="significantControlFields"
85036
+ (visiblyValidChange)="
85037
+ onSectionValidChange('significantControl', $event)
85038
+ "
85039
+ />
85040
+ </div>
85041
+ </expandable-list-card>
85042
+ }
85043
+ }
85044
+
85045
+ @let inviteDirectorToBeFullAccessManager =
85046
+ getFormGroup(groups.InviteDirectorToBeFullAccessManager);
85047
+ @if (inviteDirectorToBeFullAccessManager) {
85048
+ <expandable-card
85049
+ [isValid]="sectionValidity['inviteDirector']"
85050
+ [title]="groups.InviteDirectorToBeFullAccessManager"
85051
+ >
85052
+ <filing-form-group
85053
+ [isSubmitted]="isSubmitted()"
85054
+ [form]="inviteDirectorToBeFullAccessManager"
85055
+ [config]="federalFormationFormInviteDirectorsToBeManagersControl"
85056
+ (visiblyValidChange)="onSectionValidChange('inviteDirector', $event)"
85057
+ />
85058
+ </expandable-card>
85059
+ }
85060
+
85061
+ @let extraProvincialLicensesArray =
85062
+ getFormArray(groups.ExtraProvincialRegistrations);
85063
+ @let extraProvincialLicensesControlsLength =
85064
+ extraProvincialLicensesArray?.length;
85065
+
85066
+ @if (extraProvincialLicensesControlsLength) {
85067
+ <expandable-list-card
85068
+ [areItemsOpen]="extraProvincialLicensesControlsLength === 1"
85069
+ [isValid]="sectionValidity['epl']"
85070
+ [isSubmitted]="isSubmitted()"
85071
+ [isStatusIcon]="isStatusIcon()"
85072
+ [fields]="extraProvincialLicensesFields"
85073
+ [formArray]="extraProvincialLicensesArray"
85074
+ [title]="groups.ExtraProvincialRegistrations"
85075
+ (visiblyValidChange)="onSectionValidChange('epl', $event)"
85076
+ />
85077
+ }
85078
+
85079
+ @let contactForm = getFormGroup(groups.Contact);
85080
+ @if (contactForm) {
85081
+ <expandable-card
85082
+ [isStatusIcon]="isStatusIcon()"
85083
+ [isValid]="sectionValidity['contact']"
85084
+ [title]="groups.Contact"
85085
+ >
85086
+ <filing-form-group
85087
+ [isSubmitted]="isSubmitted()"
85088
+ [form]="contactForm"
85089
+ [config]="contactControl"
85090
+ (visiblyValidChange)="onSectionValidChange('contact', $event)"
85091
+ />
85092
+ </expandable-card>
85093
+ }
85094
+
85095
+ <ng-content></ng-content>
85096
+ </div>
85097
+ </div>
85098
85098
  `, 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"] }]
85099
85099
  }], () => [], null);
85100
85100
  })();
@@ -85216,39 +85216,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85216
85216
  MatButton,
85217
85217
  TranslatePipe,
85218
85218
  FederalIncorporationFormComponent
85219
- ], template: `<div class="incorporation-delta-form">\r
85220
- <federal-incorporation-form\r
85221
- class="incorporation-delta-form-content"\r
85222
- [form]="form()"\r
85223
- [task]="task()"\r
85224
- [errors]="combinedErrors()"\r
85225
- [isNote]="isNote()"\r
85226
- [isSubmitted]="submitted()"\r
85227
- [documents]="documents()"\r
85228
- [selectedDocuments]="selectedDocuments()"\r
85229
- (addDocuments)="addDocuments.emit($event)"\r
85230
- (removeDocument)="removeDocument.emit($event)"\r
85231
- (visiblyValidChange)="onVisiblyValidChange($event)"\r
85232
- />\r
85233
- \r
85234
- <div class="incorporation-delta-form-actions">\r
85235
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
85236
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
85237
- </button>\r
85238
- <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>\r
85239
- <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
85240
- </button>\r
85241
- <button\r
85242
- class="submit"\r
85243
- color="primary"\r
85244
- mat-flat-button\r
85245
- [disabled]="actionsDisabled()"\r
85246
- (click)="onValidate()"\r
85247
- >\r
85248
- <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
85249
- </button>\r
85250
- </div>\r
85251
- </div>\r
85219
+ ], template: `<div class="incorporation-delta-form">
85220
+ <federal-incorporation-form
85221
+ class="incorporation-delta-form-content"
85222
+ [form]="form()"
85223
+ [task]="task()"
85224
+ [errors]="combinedErrors()"
85225
+ [isNote]="isNote()"
85226
+ [isSubmitted]="submitted()"
85227
+ [documents]="documents()"
85228
+ [selectedDocuments]="selectedDocuments()"
85229
+ (addDocuments)="addDocuments.emit($event)"
85230
+ (removeDocument)="removeDocument.emit($event)"
85231
+ (visiblyValidChange)="onVisiblyValidChange($event)"
85232
+ />
85233
+
85234
+ <div class="incorporation-delta-form-actions">
85235
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
85236
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
85237
+ </button>
85238
+ <button (click)="save.emit()" [disabled]="actionsDisabled()" mat-stroked-button mat-button>
85239
+ <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>
85240
+ </button>
85241
+ <button
85242
+ class="submit"
85243
+ color="primary"
85244
+ mat-flat-button
85245
+ [disabled]="actionsDisabled()"
85246
+ (click)="onValidate()"
85247
+ >
85248
+ <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>
85249
+ </button>
85250
+ </div>
85251
+ </div>
85252
85252
  `, 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"] }]
85253
85253
  }], null, null);
85254
85254
  })();
@@ -85367,39 +85367,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
85367
85367
  FederalIncorporationFormComponent,
85368
85368
  ExpandableCardComponent,
85369
85369
  FilingFormGroupComponent
85370
- ], template: `<div class="incorporation-delta-form">\r
85371
- <federal-incorporation-form\r
85372
- class="incorporation-delta-form-content"\r
85373
- [form]="form()"\r
85374
- [task]="task()"\r
85375
- [errors]="errors()"\r
85376
- [selectedDocuments]="selectedDocuments()"\r
85377
- [isStatusIcon]="false"\r
85378
- [isReadonly]="true"\r
85379
- >\r
85380
- @let signatoryInformation = getFormGroup(groups.Signatory);\r
85381
- \r
85382
- <expandable-card [isExpandable]="false">\r
85383
- <filing-form-group [isSubmitted]="true" [form]="signatoryInformation" [config]="signatoryFields"/>\r
85384
- </expandable-card>\r
85385
- \r
85386
- </federal-incorporation-form>\r
85387
- \r
85388
- <div class="incorporation-delta-form-actions">\r
85389
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
85390
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
85391
- </button>\r
85392
- <button\r
85393
- class="submit"\r
85394
- color="primary"\r
85395
- mat-flat-button\r
85396
- [disabled]="actionsDisabled() || !getFormGroup(groups.Signatory).get(controls.Signatory)?.value"\r
85397
- (click)="file.emit()"\r
85398
- >\r
85399
- <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
85400
- </button>\r
85401
- </div>\r
85402
- </div>\r
85370
+ ], template: `<div class="incorporation-delta-form">
85371
+ <federal-incorporation-form
85372
+ class="incorporation-delta-form-content"
85373
+ [form]="form()"
85374
+ [task]="task()"
85375
+ [errors]="errors()"
85376
+ [selectedDocuments]="selectedDocuments()"
85377
+ [isStatusIcon]="false"
85378
+ [isReadonly]="true"
85379
+ >
85380
+ @let signatoryInformation = getFormGroup(groups.Signatory);
85381
+
85382
+ <expandable-card [isExpandable]="false">
85383
+ <filing-form-group [isSubmitted]="true" [form]="signatoryInformation" [config]="signatoryFields"/>
85384
+ </expandable-card>
85385
+
85386
+ </federal-incorporation-form>
85387
+
85388
+ <div class="incorporation-delta-form-actions">
85389
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
85390
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
85391
+ </button>
85392
+ <button
85393
+ class="submit"
85394
+ color="primary"
85395
+ mat-flat-button
85396
+ [disabled]="actionsDisabled() || !getFormGroup(groups.Signatory).get(controls.Signatory)?.value"
85397
+ (click)="file.emit()"
85398
+ >
85399
+ <span class="body-1-semibold">{{ 'File' | translate }}</span>
85400
+ </button>
85401
+ </div>
85402
+ </div>
85403
85403
  `, 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"] }]
85404
85404
  }], () => [], null);
85405
85405
  })();
@@ -86031,139 +86031,139 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
86031
86031
  ReactiveFormsModule,
86032
86032
  MatButton,
86033
86033
  TranslatePipe
86034
- ], template: `<div class="federal-update-maintain-form">\r
86035
- @if (isNote()) {\r
86036
- <alert\r
86037
- [type]="alertType.Info"\r
86038
- title="Entity changed"\r
86039
- content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
86040
- />\r
86041
- }\r
86042
- \r
86043
- @if (errors().length) {\r
86044
- <alert\r
86045
- title="The following issues need to be resolved before proceeding:"\r
86046
- [content]="errors()"\r
86047
- />\r
86048
- }\r
86049
- \r
86050
- <div class="federal-update-maintain-form-content">\r
86051
- @let corporationDetails = getFormGroup(groups.CorporationDetails);\r
86052
- @if (corporationDetails) {\r
86053
- <expandable-card\r
86054
- [isValid]="sectionValidity['corporationDetails']"\r
86055
- [title]="groups.CorporationDetails"\r
86056
- >\r
86057
- <filing-form-group\r
86058
- [isSubmitted]="isSubmitted()"\r
86059
- [form]="corporationDetails"\r
86060
- [config]="corporationDetailsFields"\r
86061
- (visiblyValidChange)="\r
86062
- onSectionValidChange('corporationDetails', $event)\r
86063
- "\r
86064
- />\r
86065
- </expandable-card>\r
86066
- }\r
86067
- \r
86068
- @let directorsArray = getFormArray(groups.Directors);\r
86069
- @if (directorsArray && directorsArray.length) {\r
86070
- <expandable-list-card\r
86071
- [isValid]="sectionValidity['directors']"\r
86072
- [isSubmitted]="isSubmitted()"\r
86073
- [fields]="directorsFields"\r
86074
- [formArray]="directorsArray"\r
86075
- [labelKey]="controls.AffiliationName"\r
86076
- [title]="groups.Directors"\r
86077
- (visiblyValidChange)="onSectionValidChange('directors', $event)"\r
86078
- />\r
86079
- } @else {\r
86080
- <expandable-card [title]="groups.Directors">\r
86081
- <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
86082
- </expandable-card>\r
86083
- }\r
86084
- \r
86085
- @let annualReturn = getFormGroup(groups.AnnualReturn);\r
86086
- @if (annualReturn) {\r
86087
- <expandable-card\r
86088
- [isValid]="sectionValidity['annualReturn']"\r
86089
- [title]="groups.AnnualReturn"\r
86090
- >\r
86091
- <filing-form-group\r
86092
- [isSubmitted]="isSubmitted()"\r
86093
- [form]="annualReturn"\r
86094
- [config]="annualReturnFields"\r
86095
- (visiblyValidChange)="onSectionValidChange('annualReturn', $event)"\r
86096
- />\r
86097
- </expandable-card>\r
86098
- }\r
86099
- \r
86100
- @let significantControl = getFormGroup(groups.SignificantControl);\r
86101
- @if (significantControl) {\r
86102
- @let individualsArray =\r
86103
- getFormArray(groups.IndividualsWithSignificantControl);\r
86104
- @if (individualsArray) {\r
86105
- <expandable-list-card\r
86106
- [areItemsOpen]="isIndividualsWithSignificantControlOpen()"\r
86107
- [isValid]="\r
86108
- sectionValidity['isc'] && sectionValidity['significantControl']\r
86109
- "\r
86110
- [isSubmitted]="isSubmitted()"\r
86111
- [isStatusIcon]="true"\r
86112
- [removable]="!readonly()"\r
86113
- [fields]="individualsWithSignificantControlFields()"\r
86114
- [formArray]="individualsArray"\r
86115
- [labelKey]="controls.AffiliationName"\r
86116
- [title]="groups.IndividualsWithSignificantControl"\r
86117
- (remove)="onRemoveIndividualWithSignificantForm($event)"\r
86118
- (visiblyValidChange)="onSectionValidChange('isc', $event)"\r
86119
- >\r
86120
- @if (\r
86121
- !readonly() && isAddIndividualWithSignificantControlAvailable()\r
86122
- ) {\r
86123
- <button\r
86124
- [disabled]="isAddIndividualWithSignificantControlDisabled()"\r
86125
- slot="subtitle"\r
86126
- mat-stroked-button\r
86127
- mat-button\r
86128
- (click)="addIndividualWithSignificantControl()"\r
86129
- >\r
86130
- <span class="body-1-semibold">{{\r
86131
- "Add Individuals With Significant Control" | translate\r
86132
- }}</span>\r
86133
- </button>\r
86134
- }\r
86135
- \r
86136
- <div class="card-header-content" slot="header-content">\r
86137
- <filing-form-group\r
86138
- [isSubmitted]="isSubmitted()"\r
86139
- [form]="significantControl"\r
86140
- [config]="significantControlFields"\r
86141
- (visiblyValidChange)="\r
86142
- onSectionValidChange('significantControl', $event)\r
86143
- "\r
86144
- />\r
86145
- </div>\r
86146
- </expandable-list-card>\r
86147
- }\r
86148
- }\r
86149
- \r
86150
- @let contact = getFormGroup(groups.Contact);\r
86151
- @if (contact) {\r
86152
- <expandable-card\r
86153
- [isStatusIcon]="!readonly()"\r
86154
- [isValid]="sectionValidity['contact']"\r
86155
- [title]="groups.Contact"\r
86156
- >\r
86157
- <filing-form-group\r
86158
- [isSubmitted]="isSubmitted()"\r
86159
- [form]="contact"\r
86160
- [config]="contactControl()"\r
86161
- (visiblyValidChange)="onSectionValidChange('contact', $event)"\r
86162
- />\r
86163
- </expandable-card>\r
86164
- }\r
86165
- </div>\r
86166
- </div>\r
86034
+ ], template: `<div class="federal-update-maintain-form">
86035
+ @if (isNote()) {
86036
+ <alert
86037
+ [type]="alertType.Info"
86038
+ title="Entity changed"
86039
+ content="A new draft needs to be generated as the Entity was changed since the last draft was produced."
86040
+ />
86041
+ }
86042
+
86043
+ @if (errors().length) {
86044
+ <alert
86045
+ title="The following issues need to be resolved before proceeding:"
86046
+ [content]="errors()"
86047
+ />
86048
+ }
86049
+
86050
+ <div class="federal-update-maintain-form-content">
86051
+ @let corporationDetails = getFormGroup(groups.CorporationDetails);
86052
+ @if (corporationDetails) {
86053
+ <expandable-card
86054
+ [isValid]="sectionValidity['corporationDetails']"
86055
+ [title]="groups.CorporationDetails"
86056
+ >
86057
+ <filing-form-group
86058
+ [isSubmitted]="isSubmitted()"
86059
+ [form]="corporationDetails"
86060
+ [config]="corporationDetailsFields"
86061
+ (visiblyValidChange)="
86062
+ onSectionValidChange('corporationDetails', $event)
86063
+ "
86064
+ />
86065
+ </expandable-card>
86066
+ }
86067
+
86068
+ @let directorsArray = getFormArray(groups.Directors);
86069
+ @if (directorsArray && directorsArray.length) {
86070
+ <expandable-list-card
86071
+ [isValid]="sectionValidity['directors']"
86072
+ [isSubmitted]="isSubmitted()"
86073
+ [fields]="directorsFields"
86074
+ [formArray]="directorsArray"
86075
+ [labelKey]="controls.AffiliationName"
86076
+ [title]="groups.Directors"
86077
+ (visiblyValidChange)="onSectionValidChange('directors', $event)"
86078
+ />
86079
+ } @else {
86080
+ <expandable-card [title]="groups.Directors">
86081
+ <h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>
86082
+ </expandable-card>
86083
+ }
86084
+
86085
+ @let annualReturn = getFormGroup(groups.AnnualReturn);
86086
+ @if (annualReturn) {
86087
+ <expandable-card
86088
+ [isValid]="sectionValidity['annualReturn']"
86089
+ [title]="groups.AnnualReturn"
86090
+ >
86091
+ <filing-form-group
86092
+ [isSubmitted]="isSubmitted()"
86093
+ [form]="annualReturn"
86094
+ [config]="annualReturnFields"
86095
+ (visiblyValidChange)="onSectionValidChange('annualReturn', $event)"
86096
+ />
86097
+ </expandable-card>
86098
+ }
86099
+
86100
+ @let significantControl = getFormGroup(groups.SignificantControl);
86101
+ @if (significantControl) {
86102
+ @let individualsArray =
86103
+ getFormArray(groups.IndividualsWithSignificantControl);
86104
+ @if (individualsArray) {
86105
+ <expandable-list-card
86106
+ [areItemsOpen]="isIndividualsWithSignificantControlOpen()"
86107
+ [isValid]="
86108
+ sectionValidity['isc'] && sectionValidity['significantControl']
86109
+ "
86110
+ [isSubmitted]="isSubmitted()"
86111
+ [isStatusIcon]="true"
86112
+ [removable]="!readonly()"
86113
+ [fields]="individualsWithSignificantControlFields()"
86114
+ [formArray]="individualsArray"
86115
+ [labelKey]="controls.AffiliationName"
86116
+ [title]="groups.IndividualsWithSignificantControl"
86117
+ (remove)="onRemoveIndividualWithSignificantForm($event)"
86118
+ (visiblyValidChange)="onSectionValidChange('isc', $event)"
86119
+ >
86120
+ @if (
86121
+ !readonly() && isAddIndividualWithSignificantControlAvailable()
86122
+ ) {
86123
+ <button
86124
+ [disabled]="isAddIndividualWithSignificantControlDisabled()"
86125
+ slot="subtitle"
86126
+ mat-stroked-button
86127
+ mat-button
86128
+ (click)="addIndividualWithSignificantControl()"
86129
+ >
86130
+ <span class="body-1-semibold">{{
86131
+ "Add Individuals With Significant Control" | translate
86132
+ }}</span>
86133
+ </button>
86134
+ }
86135
+
86136
+ <div class="card-header-content" slot="header-content">
86137
+ <filing-form-group
86138
+ [isSubmitted]="isSubmitted()"
86139
+ [form]="significantControl"
86140
+ [config]="significantControlFields"
86141
+ (visiblyValidChange)="
86142
+ onSectionValidChange('significantControl', $event)
86143
+ "
86144
+ />
86145
+ </div>
86146
+ </expandable-list-card>
86147
+ }
86148
+ }
86149
+
86150
+ @let contact = getFormGroup(groups.Contact);
86151
+ @if (contact) {
86152
+ <expandable-card
86153
+ [isStatusIcon]="!readonly()"
86154
+ [isValid]="sectionValidity['contact']"
86155
+ [title]="groups.Contact"
86156
+ >
86157
+ <filing-form-group
86158
+ [isSubmitted]="isSubmitted()"
86159
+ [form]="contact"
86160
+ [config]="contactControl()"
86161
+ (visiblyValidChange)="onSectionValidChange('contact', $event)"
86162
+ />
86163
+ </expandable-card>
86164
+ }
86165
+ </div>
86166
+ </div>
86167
86167
  `, 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"] }]
86168
86168
  }], () => [], null);
86169
86169
  })();
@@ -86277,37 +86277,37 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
86277
86277
  MatButton,
86278
86278
  TranslatePipe,
86279
86279
  FederalUpdateMaintainFormComponent
86280
- ], template: `<div class="federal-update-maintain-delta-form">\r
86281
- <federal-update-maintain-form\r
86282
- class="federal-update-maintain-delta-form-content"\r
86283
- [form]="form()"\r
86284
- [task]="task()"\r
86285
- [errors]="combinedErrors()"\r
86286
- [isNote]="isNote()"\r
86287
- [isSubmitted]="submitted()"\r
86288
- [readonly]="false"\r
86289
- (visiblyValidChange)="onVisiblyValidChange($event)"\r
86290
- />\r
86291
- \r
86292
- <div class="federal-update-maintain-delta-form-actions">\r
86293
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
86294
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
86295
- </button>\r
86296
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="save.emit()">\r
86297
- <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>\r
86298
- </button>\r
86299
- <button\r
86300
- class="submit"\r
86301
- color="primary"\r
86302
- mat-flat-button\r
86303
- [disabled]="actionsDisabled()"\r
86304
- (click)="onValidate()"\r
86305
- >\r
86306
- <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>\r
86307
- </button>\r
86308
- </div>\r
86309
- </div>\r
86310
- \r
86280
+ ], template: `<div class="federal-update-maintain-delta-form">
86281
+ <federal-update-maintain-form
86282
+ class="federal-update-maintain-delta-form-content"
86283
+ [form]="form()"
86284
+ [task]="task()"
86285
+ [errors]="combinedErrors()"
86286
+ [isNote]="isNote()"
86287
+ [isSubmitted]="submitted()"
86288
+ [readonly]="false"
86289
+ (visiblyValidChange)="onVisiblyValidChange($event)"
86290
+ />
86291
+
86292
+ <div class="federal-update-maintain-delta-form-actions">
86293
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
86294
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
86295
+ </button>
86296
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="save.emit()">
86297
+ <span class="body-1-semibold">{{ 'Save Changes' | translate }}</span>
86298
+ </button>
86299
+ <button
86300
+ class="submit"
86301
+ color="primary"
86302
+ mat-flat-button
86303
+ [disabled]="actionsDisabled()"
86304
+ (click)="onValidate()"
86305
+ >
86306
+ <span class="body-1-semibold">{{ 'Validate & Generate Draft' | translate }}</span>
86307
+ </button>
86308
+ </div>
86309
+ </div>
86310
+
86311
86311
  `, 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"] }]
86312
86312
  }], null, null);
86313
86313
  })();
@@ -86382,32 +86382,32 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
86382
86382
  MatButton,
86383
86383
  TranslatePipe,
86384
86384
  FederalUpdateMaintainFormComponent
86385
- ], template: `<div class="federal-update-maintain-preview-form">\r
86386
- <federal-update-maintain-form\r
86387
- class="federal-update-maintain-preview-form-content"\r
86388
- [form]="form()"\r
86389
- [task]="task()"\r
86390
- [errors]="errors()"\r
86391
- [isSubmitted]="false"\r
86392
- [readonly]="true"\r
86393
- />\r
86394
- \r
86395
- <div class="federal-update-maintain-preview-form-actions">\r
86396
- <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">\r
86397
- <span class="body-1-semibold">{{ 'Close' | translate }}</span>\r
86398
- </button>\r
86399
- <button\r
86400
- class="submit"\r
86401
- color="primary"\r
86402
- mat-flat-button\r
86403
- [disabled]="actionsDisabled()"\r
86404
- (click)="file.emit()"\r
86405
- >\r
86406
- <span class="body-1-semibold">{{ 'File' | translate }}</span>\r
86407
- </button>\r
86408
- </div>\r
86409
- </div>\r
86410
- \r
86385
+ ], template: `<div class="federal-update-maintain-preview-form">
86386
+ <federal-update-maintain-form
86387
+ class="federal-update-maintain-preview-form-content"
86388
+ [form]="form()"
86389
+ [task]="task()"
86390
+ [errors]="errors()"
86391
+ [isSubmitted]="false"
86392
+ [readonly]="true"
86393
+ />
86394
+
86395
+ <div class="federal-update-maintain-preview-form-actions">
86396
+ <button [disabled]="actionsDisabled()" mat-stroked-button mat-button (click)="close.emit()">
86397
+ <span class="body-1-semibold">{{ 'Close' | translate }}</span>
86398
+ </button>
86399
+ <button
86400
+ class="submit"
86401
+ color="primary"
86402
+ mat-flat-button
86403
+ [disabled]="actionsDisabled()"
86404
+ (click)="file.emit()"
86405
+ >
86406
+ <span class="body-1-semibold">{{ 'File' | translate }}</span>
86407
+ </button>
86408
+ </div>
86409
+ </div>
86410
+
86411
86411
  `, 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"] }]
86412
86412
  }], null, null);
86413
86413
  })();
@@ -86828,7 +86828,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
86828
86828
  FederalIncorporationPreviewFormComponent,
86829
86829
  FederalUpdateMaintainDeltaFormComponent,
86830
86830
  FederalUpdateMaintainPreviewFormComponent
86831
- ], 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"] }]
86831
+ ], 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"] }]
86832
86832
  }], () => [], null);
86833
86833
  })();
86834
86834
  (() => {
@@ -87927,7 +87927,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
87927
87927
  const mappedRoleId = matchingAdmin?.RoleId ?? "";
87928
87928
  const personNameRoleId = matchingAdmin?.RoleId;
87929
87929
  const mappedCeaseDate = currentState === IRCurrentState.Ceased ? ceaseDate : "";
87930
- const mappedElectedDate = currentState === IRCurrentState.Added || currentState === IRCurrentState.Changed ? electedDate : "";
87930
+ const mappedElectedDate = [IRCurrentState.Added, IRCurrentState.Changed].includes(currentState) ? electedDate : "";
87931
87931
  const positionName = ECORE_POSITION_CODE_TO_POSITION_NAME[position2?.toUpperCase()];
87932
87932
  if (!isOfficer) {
87933
87933
  switch (currentState) {
@@ -87999,7 +87999,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
87999
87999
  Position: "Director",
88000
88000
  PositionFullName: "Director",
88001
88001
  CeasedDate: matchingAdmin && isCeaseAction ? ceaseDate : "",
88002
- AppointedDate: ""
88002
+ AppointedDate: electedDate
88003
88003
  }
88004
88004
  ],
88005
88005
  CurrentState: currentState,
@@ -88091,7 +88091,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
88091
88091
  Position: position2,
88092
88092
  PositionFullName: positionName,
88093
88093
  CeasedDate: matchingAdmin && isCeaseAction ? ceaseDate : "",
88094
- AppointedDate: ""
88094
+ AppointedDate: electedDate
88095
88095
  }
88096
88096
  ],
88097
88097
  CurrentState: currentState,
@@ -89199,73 +89199,73 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
89199
89199
  OntarioComponent
89200
89200
  ], encapsulation: ViewEncapsulation.ShadowDom, host: {
89201
89201
  "[style.height]": "modalHeight()"
89202
- }, template: `<div class="filing">\r
89203
- <div class="filing-title">\r
89204
- <h1 class="filing-title-text">{{title() | translate}}</h1>\r
89205
- <mat-icon (click)="onClose()" class="filing-title-action">close</mat-icon>\r
89206
- </div>\r
89207
- \r
89208
- @if (isEditButton()) {\r
89209
- <div class="filing-header">\r
89210
- <button\r
89211
- mat-stroked-button\r
89212
- [disabled]="isLoading()"\r
89213
- (click)="onEditClick()"\r
89214
- >\r
89215
- {{ 'Edit' | translate }}\r
89216
- </button>\r
89217
- </div>\r
89218
- }\r
89219
- \r
89220
- <div [class.edit]="isEditButton()" class="filing-content">\r
89221
- @let currentTask = task();\r
89222
- \r
89223
- @if (currentTask) {\r
89224
- @if (isOntarioTask(currentTask)) {\r
89225
- <ontario\r
89226
- [task]="currentTask"\r
89227
- [activeStep]="activeStep()"\r
89228
- [isNote]="dataWasChanged()"\r
89229
- [actionsDisabled]="isLoading()"\r
89230
- [errors]="errors()"\r
89231
- [prevData]="prevData()"\r
89232
- (close)="close.emit()"\r
89233
- (formationValidate)="onOntarioFormationValidate($event)"\r
89234
- (saveFormationDeltaData)="onOntarioFormationSave($event)"\r
89235
- (formationSubmit)="onOntarioFormationSubmit()"\r
89236
- (nextStep)="onNextStepClick()"\r
89237
- (prevStep)="onOntarioPrevStep()"\r
89238
- [irValidationConfig]="validationConfig()"\r
89239
- (irValidate)="validateAndFileInitialReturnTask($event)"\r
89240
- (saveIrDeltaData)="onOntarioUpdateMaintainSave($event)"\r
89241
- (irSubmit)="onInitialReturnSubmit()"\r
89242
- />\r
89243
- } @else {\r
89244
- <federal\r
89245
- [actionsDisabled]="isLoading()"\r
89246
- [isNote]="dataWasChanged()"\r
89247
- [activeStep]="activeStep()"\r
89248
- [task]="currentTask"\r
89249
- [errors]="errors()"\r
89250
- (close)="close.emit()"\r
89251
- (deltaDataChange)="onFederalFormationSave($event)"\r
89252
- (file)="onFederalFormationSubmit()"\r
89253
- (validate)="onFederalValidate($event)"\r
89254
- (umSave)="onFederalUpdateMaintainSave($event)"\r
89255
- (umValidate)="onFederalUpdateMaintainValidate($event)"\r
89256
- (umSubmit)="onFederalUpdateMaintainSubmit()"\r
89257
- (nextStep)="defineInitialStep()"\r
89258
- />\r
89259
- }\r
89260
- }\r
89261
- \r
89262
- @if (isLoading()) {\r
89263
- <div class="filing-content-loading">\r
89264
- <mat-spinner [diameter]="40" />\r
89265
- </div>\r
89266
- }\r
89267
- </div>\r
89268
- </div>\r
89202
+ }, template: `<div class="filing">
89203
+ <div class="filing-title">
89204
+ <h1 class="filing-title-text">{{title() | translate}}</h1>
89205
+ <mat-icon (click)="onClose()" class="filing-title-action">close</mat-icon>
89206
+ </div>
89207
+
89208
+ @if (isEditButton()) {
89209
+ <div class="filing-header">
89210
+ <button
89211
+ mat-stroked-button
89212
+ [disabled]="isLoading()"
89213
+ (click)="onEditClick()"
89214
+ >
89215
+ {{ 'Edit' | translate }}
89216
+ </button>
89217
+ </div>
89218
+ }
89219
+
89220
+ <div [class.edit]="isEditButton()" class="filing-content">
89221
+ @let currentTask = task();
89222
+
89223
+ @if (currentTask) {
89224
+ @if (isOntarioTask(currentTask)) {
89225
+ <ontario
89226
+ [task]="currentTask"
89227
+ [activeStep]="activeStep()"
89228
+ [isNote]="dataWasChanged()"
89229
+ [actionsDisabled]="isLoading()"
89230
+ [errors]="errors()"
89231
+ [prevData]="prevData()"
89232
+ (close)="close.emit()"
89233
+ (formationValidate)="onOntarioFormationValidate($event)"
89234
+ (saveFormationDeltaData)="onOntarioFormationSave($event)"
89235
+ (formationSubmit)="onOntarioFormationSubmit()"
89236
+ (nextStep)="onNextStepClick()"
89237
+ (prevStep)="onOntarioPrevStep()"
89238
+ [irValidationConfig]="validationConfig()"
89239
+ (irValidate)="validateAndFileInitialReturnTask($event)"
89240
+ (saveIrDeltaData)="onOntarioUpdateMaintainSave($event)"
89241
+ (irSubmit)="onInitialReturnSubmit()"
89242
+ />
89243
+ } @else {
89244
+ <federal
89245
+ [actionsDisabled]="isLoading()"
89246
+ [isNote]="dataWasChanged()"
89247
+ [activeStep]="activeStep()"
89248
+ [task]="currentTask"
89249
+ [errors]="errors()"
89250
+ (close)="close.emit()"
89251
+ (deltaDataChange)="onFederalFormationSave($event)"
89252
+ (file)="onFederalFormationSubmit()"
89253
+ (validate)="onFederalValidate($event)"
89254
+ (umSave)="onFederalUpdateMaintainSave($event)"
89255
+ (umValidate)="onFederalUpdateMaintainValidate($event)"
89256
+ (umSubmit)="onFederalUpdateMaintainSubmit()"
89257
+ (nextStep)="defineInitialStep()"
89258
+ />
89259
+ }
89260
+ }
89261
+
89262
+ @if (isLoading()) {
89263
+ <div class="filing-content-loading">
89264
+ <mat-spinner [diameter]="40" />
89265
+ </div>
89266
+ }
89267
+ </div>
89268
+ </div>
89269
89269
  `, 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'] }]
89270
89270
  }], () => [], null);
89271
89271
  })();