search-and-file-widget-test 1.3.3 → 1.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dnd-filing-shell.js +2 -2
- package/package.json +1 -1
package/dnd-filing-shell.js
CHANGED
|
@@ -84443,7 +84443,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
84443
84443
|
TermsAndConditionsComponent,
|
|
84444
84444
|
PreviewFormComponent,
|
|
84445
84445
|
MatProgressSpinner
|
|
84446
|
-
], styles: ["/* src/app/components/filing/filing.component.scss */\n:host .filing {\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding: 16px;\n}\n:host .filing-header {\n display: flex;\n width: 100%;\n justify-content: space-between;\n}\n:host .filing-header-title {\n color: #00344c;\n}\n:host .filing-content {\n height: 100%;\n}\n:host .filing-content-loading {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n background: rgba(128, 128, 128, 0.2);\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n/*# sourceMappingURL=filing.component.css.map */\n", '/* src/app/components/filing/typography.scss */\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-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}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\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: #44474e;\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 --mdc-filled-button-container-height: 35px;\n --mdc-outlined-button-container-height: 35px;\n --mdc-text-button-label-text-color: #808090;\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 --mdc-filled-button-label-text-weight: 600;\n --mdc-text-button-label-text-weight: 600;\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-shape: 4px;\n --mdc-outlined-button-outline-color: none;\n --mdc-outlined-button-container-shape: 4px;\n --mat-sys-focus-state-layer-opacity: 0.08;\n --mat-sys-hover-state-layer-opacity: 0.04;\n}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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: 1rem;\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}\n.filing {\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}\n.filing {\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.mat-primary .mat-pseudo-checkbox-checked,\n.mat-primary .mat-pseudo-checkbox-indeterminate {\n background: transparent !important;\n}\n.mat-mdc-checkbox[cardView] .mdc-checkbox {\n width: 24px;\n height: 24px;\n flex-basis: 24px;\n padding: 0;\n}\n.mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n width: 24px;\n height: 24px;\n border-radius: 6px;\n border-width: 1px;\n top: 0;\n left: 0;\n}\n.mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n.mat-mdc-checkbox[cardView] .mat-ripple {\n display: none;\n}\n.mat-mdc-checkbox[cardView] .mdc-label {\n padding-left: 8px;\n}\n/*# sourceMappingURL=material-theme.css.map */\n'], encapsulation: 3, changeDetection: 0 });
|
|
84446
|
+
], styles: ["/* src/app/components/filing/filing.component.scss */\n:host .filing {\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding: 16px;\n}\n:host .filing-header {\n display: flex;\n width: 100%;\n justify-content: space-between;\n}\n:host .filing-header-title {\n color: #00344c;\n}\n:host .filing-content {\n height: calc(100% - 44px);\n}\n:host .filing-content-loading {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n background: rgba(128, 128, 128, 0.2);\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n/*# sourceMappingURL=filing.component.css.map */\n", '/* src/app/components/filing/typography.scss */\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-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}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\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: #44474e;\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 --mdc-filled-button-container-height: 35px;\n --mdc-outlined-button-container-height: 35px;\n --mdc-text-button-label-text-color: #808090;\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 --mdc-filled-button-label-text-weight: 600;\n --mdc-text-button-label-text-weight: 600;\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-shape: 4px;\n --mdc-outlined-button-outline-color: none;\n --mdc-outlined-button-container-shape: 4px;\n --mat-sys-focus-state-layer-opacity: 0.08;\n --mat-sys-hover-state-layer-opacity: 0.04;\n}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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: 1rem;\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}\n.filing {\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}\n.filing {\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.mat-primary .mat-pseudo-checkbox-checked,\n.mat-primary .mat-pseudo-checkbox-indeterminate {\n background: transparent !important;\n}\n.mat-mdc-checkbox[cardView] .mdc-checkbox {\n width: 24px;\n height: 24px;\n flex-basis: 24px;\n padding: 0;\n}\n.mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n width: 24px;\n height: 24px;\n border-radius: 6px;\n border-width: 1px;\n top: 0;\n left: 0;\n}\n.mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n.mat-mdc-checkbox[cardView] .mat-ripple {\n display: none;\n}\n.mat-mdc-checkbox[cardView] .mdc-label {\n padding-left: 8px;\n}\n/*# sourceMappingURL=material-theme.css.map */\n'], encapsulation: 3, changeDetection: 0 });
|
|
84447
84447
|
};
|
|
84448
84448
|
(() => {
|
|
84449
84449
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(FilingComponent, [{
|
|
@@ -84454,7 +84454,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
84454
84454
|
TermsAndConditionsComponent,
|
|
84455
84455
|
PreviewFormComponent,
|
|
84456
84456
|
MatProgressSpinner
|
|
84457
|
-
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, template: '<div class="filing">\r\n <div class="filing-header">\r\n <h1 class="filing-header-title">{{ title() }}</h1>\r\n\r\n @if (isEditButton()) {\r\n <button\r\n mat-stroked-button\r\n [disabled]="isLoading()"\r\n (click)="onEditClick()"\r\n >\r\n Edit\r\n </button>\r\n }\r\n\r\n @if (isCancelEditButton()) {\r\n <button\r\n mat-stroked-button\r\n [disabled]="isLoading()"\r\n (click)="onCancelEditClick()"\r\n >\r\n Cancel Edits\r\n </button>\r\n }\r\n\r\n </div>\r\n\r\n\r\n <div class="filing-content">\r\n @let task = signature()?.task;\r\n\r\n @if (task) {\r\n @if (activeStep() === steps.Validate) {\r\n <delta-form\r\n [errors]="errors()"\r\n [isNote]="dataWasChanged()"\r\n [actionsDisabled]="isLoading()"\r\n (close)="onClose()"\r\n (validate)="onDeltaDataSubmit()"\r\n [form]="deltaForm"\r\n [taskType]="task._taskType"\r\n (previous)="onDeltaFormPrevious()"\r\n />\r\n }\r\n\r\n @if (activeStep() === steps.FilingPreview) {\r\n <preview-form\r\n [form]="previewForm"\r\n [taskType]="task._taskType"\r\n [actionsDisabled]="isLoading()"\r\n (next)="onPreviewNextClick()"\r\n (close)="onClose()"\r\n />\r\n }\r\n\r\n @if (activeStep() === steps.DataComparison) {\r\n <preview-form\r\n [form]="previewForm"\r\n [taskType]="task._taskType"\r\n [actionsDisabled]="isLoading()"\r\n [validationConfig]="validationConfig()"\r\n (next)="onDataComparisonNextClick()"\r\n (close)="onClose()"\r\n />\r\n }\r\n @if (activeStep() === steps.TermsAndConditions) {\r\n <terms-and-conditions\r\n (prev)="onTermsAndConditionsPrevClick()"\r\n (close)="onClose()"\r\n (confirm)="onSubmit($event)"\r\n />\r\n }\r\n }\r\n\r\n @if (isLoading()) {\r\n <div class="filing-content-loading">\r\n <mat-spinner [diameter]="40"/>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n', styles: ["/* src/app/components/filing/filing.component.scss */\n:host .filing {\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding: 16px;\n}\n:host .filing-header {\n display: flex;\n width: 100%;\n justify-content: space-between;\n}\n:host .filing-header-title {\n color: #00344c;\n}\n:host .filing-content {\n height: 100%;\n}\n:host .filing-content-loading {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n background: rgba(128, 128, 128, 0.2);\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n/*# sourceMappingURL=filing.component.css.map */\n", '/* src/app/components/filing/typography.scss */\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-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}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\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: #44474e;\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 --mdc-filled-button-container-height: 35px;\n --mdc-outlined-button-container-height: 35px;\n --mdc-text-button-label-text-color: #808090;\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 --mdc-filled-button-label-text-weight: 600;\n --mdc-text-button-label-text-weight: 600;\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-shape: 4px;\n --mdc-outlined-button-outline-color: none;\n --mdc-outlined-button-container-shape: 4px;\n --mat-sys-focus-state-layer-opacity: 0.08;\n --mat-sys-hover-state-layer-opacity: 0.04;\n}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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: 1rem;\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}\n.filing {\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}\n.filing {\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.mat-primary .mat-pseudo-checkbox-checked,\n.mat-primary .mat-pseudo-checkbox-indeterminate {\n background: transparent !important;\n}\n.mat-mdc-checkbox[cardView] .mdc-checkbox {\n width: 24px;\n height: 24px;\n flex-basis: 24px;\n padding: 0;\n}\n.mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n width: 24px;\n height: 24px;\n border-radius: 6px;\n border-width: 1px;\n top: 0;\n left: 0;\n}\n.mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n.mat-mdc-checkbox[cardView] .mat-ripple {\n display: none;\n}\n.mat-mdc-checkbox[cardView] .mdc-label {\n padding-left: 8px;\n}\n/*# sourceMappingURL=material-theme.css.map */\n'] }]
|
|
84457
|
+
], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.ShadowDom, template: '<div class="filing">\r\n <div class="filing-header">\r\n <h1 class="filing-header-title">{{ title() }}</h1>\r\n\r\n @if (isEditButton()) {\r\n <button\r\n mat-stroked-button\r\n [disabled]="isLoading()"\r\n (click)="onEditClick()"\r\n >\r\n Edit\r\n </button>\r\n }\r\n\r\n @if (isCancelEditButton()) {\r\n <button\r\n mat-stroked-button\r\n [disabled]="isLoading()"\r\n (click)="onCancelEditClick()"\r\n >\r\n Cancel Edits\r\n </button>\r\n }\r\n\r\n </div>\r\n\r\n <div class="filing-content">\r\n @let task = signature()?.task;\r\n\r\n @if (task) {\r\n @if (activeStep() === steps.Validate) {\r\n <delta-form\r\n [errors]="errors()"\r\n [isNote]="dataWasChanged()"\r\n [actionsDisabled]="isLoading()"\r\n (close)="onClose()"\r\n (validate)="onDeltaDataSubmit()"\r\n [form]="deltaForm"\r\n [taskType]="task._taskType"\r\n (previous)="onDeltaFormPrevious()"\r\n />\r\n }\r\n\r\n @if (activeStep() === steps.FilingPreview) {\r\n <preview-form\r\n [form]="previewForm"\r\n [taskType]="task._taskType"\r\n [actionsDisabled]="isLoading()"\r\n (next)="onPreviewNextClick()"\r\n (close)="onClose()"\r\n />\r\n }\r\n\r\n @if (activeStep() === steps.DataComparison) {\r\n <preview-form\r\n [form]="previewForm"\r\n [taskType]="task._taskType"\r\n [actionsDisabled]="isLoading()"\r\n [validationConfig]="validationConfig()"\r\n (next)="onDataComparisonNextClick()"\r\n (close)="onClose()"\r\n />\r\n }\r\n @if (activeStep() === steps.TermsAndConditions) {\r\n <terms-and-conditions\r\n (prev)="onTermsAndConditionsPrevClick()"\r\n (close)="onClose()"\r\n (confirm)="onSubmit($event)"\r\n />\r\n }\r\n }\r\n\r\n @if (isLoading()) {\r\n <div class="filing-content-loading">\r\n <mat-spinner [diameter]="40"/>\r\n </div>\r\n }\r\n </div>\r\n</div>\r\n', styles: ["/* src/app/components/filing/filing.component.scss */\n:host .filing {\n position: relative;\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: 16px;\n padding: 16px;\n}\n:host .filing-header {\n display: flex;\n width: 100%;\n justify-content: space-between;\n}\n:host .filing-header-title {\n color: #00344c;\n}\n:host .filing-content {\n height: calc(100% - 44px);\n}\n:host .filing-content-loading {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n background: rgba(128, 128, 128, 0.2);\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n/*# sourceMappingURL=filing.component.css.map */\n", '/* src/app/components/filing/typography.scss */\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-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}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n margin: 0;\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: #44474e;\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 --mdc-filled-button-container-height: 35px;\n --mdc-outlined-button-container-height: 35px;\n --mdc-text-button-label-text-color: #808090;\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 --mdc-filled-button-label-text-weight: 600;\n --mdc-text-button-label-text-weight: 600;\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-shape: 4px;\n --mdc-outlined-button-outline-color: none;\n --mdc-outlined-button-container-shape: 4px;\n --mat-sys-focus-state-layer-opacity: 0.08;\n --mat-sys-hover-state-layer-opacity: 0.04;\n}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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}\n.filing {\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: 1rem;\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}\n.filing {\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}\n.filing {\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.mat-primary .mat-pseudo-checkbox-checked,\n.mat-primary .mat-pseudo-checkbox-indeterminate {\n background: transparent !important;\n}\n.mat-mdc-checkbox[cardView] .mdc-checkbox {\n width: 24px;\n height: 24px;\n flex-basis: 24px;\n padding: 0;\n}\n.mat-mdc-checkbox[cardView] .mdc-checkbox__background {\n width: 24px;\n height: 24px;\n border-radius: 6px;\n border-width: 1px;\n top: 0;\n left: 0;\n}\n.mat-mdc-checkbox[cardView] .mdc-checkbox__ripple,\n.mat-mdc-checkbox[cardView] .mat-ripple {\n display: none;\n}\n.mat-mdc-checkbox[cardView] .mdc-label {\n padding-left: 8px;\n}\n/*# sourceMappingURL=material-theme.css.map */\n'] }]
|
|
84458
84458
|
}], () => [], null);
|
|
84459
84459
|
})();
|
|
84460
84460
|
(() => {
|