@dyedurham/search-and-file-widget 2.0.51 → 2.0.53

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 +41 -37
  2. package/package.json +11 -11
@@ -79520,7 +79520,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
79520
79520
  MatAutocompleteTrigger,
79521
79521
  TranslatePipe,
79522
79522
  CheckboxListComponent
79523
- ], styles: ['\n\n[_nghost-%COMP%] {\n overflow: hidden;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n column-gap: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select {\n display: flex;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-checkbox__background {\n border: 3px solid #6a6c6f;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-arrow-wrapper {\n display: none;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .suffix-container {\n display: flex;\n align-items: center;\n padding-right: 12px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-form-field-icon-suffix {\n display: flex;\n align-items: center;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-form-field-icon-suffix .mat-icon {\n display: flex;\n align-items: center;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .arrow-icon {\n pointer-events: none;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-form-field-infix {\n display: flex !important;\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value-text {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-label {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-checkbox[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n justify-content: center;\n line-height: 2rem;\n}\n[_nghost-%COMP%] .filling-form-fields-checkbox[_ngcontent-%COMP%]:not(.last) {\n padding-bottom: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields-checkbox-text[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n line-height: 20px;\n color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%] .filling-form-fields-empty[_ngcontent-%COMP%] {\n width: 100%;\n height: 80px;\n}\n[_nghost-%COMP%] .filling-form-fields-item[_ngcontent-%COMP%] {\n --mat-sys-primary: #6b6f76;\n --mat-sys-primary-container: #e4e5e8;\n --mat-sys-surface-tint: #6b6f76;\n --mat-sys-outline: #c7c9cf;\n --mat-sys-outline-variant: #dfe1e6;\n --mdc-icon-button-state-layer-size: 36px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n[_nghost-%COMP%] .filling-form-fields-item.text-area[_ngcontent-%COMP%] .mat-mdc-text-field-wrapper {\n padding: 0 !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item.text-area[_ngcontent-%COMP%] .mat-mdc-input-element {\n padding: 0 12px;\n min-height: 230px !important;\n max-height: 230px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-text[_ngcontent-%COMP%] {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-text[_ngcontent-%COMP%]:not(.last) {\n padding-bottom: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields-item-hint[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n font-size: 12px;\n}\n[_nghost-%COMP%] .filling-form-fields-item.warning[_ngcontent-%COMP%] {\n --mdc-outlined-text-field-outline-color: #845400;\n --mdc-outlined-text-field-outline-width: 2px;\n --mat-sys-on-surface: #845400;\n color: #845400;\n padding-bottom: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields-item-label[_ngcontent-%COMP%] {\n color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%] .filling-form-fields-item-label.warning[_ngcontent-%COMP%] {\n color: #845400;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%] {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 6px;\n vertical-align: middle;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%] {\n width: 18px;\n height: 18px;\n font-size: 18px;\n line-height: 18px;\n color: #006fd6 !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%]:hover .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%], \n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%]:focus .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n display: flex;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info.dismissed[_ngcontent-%COMP%] .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n display: none;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n position: absolute;\n z-index: 10;\n top: -12px;\n left: 28px;\n display: none;\n width: 220px;\n flex-direction: column;\n gap: 8px;\n padding: 16px 18px;\n border: 1px solid #d8dbe1;\n border-radius: 8px;\n background: #f5f6f8;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);\n color: #2f343b;\n line-height: 20px;\n white-space: normal;\n}\n[_nghost-%COMP%] .filling-form-fields-item-hint.warning[_ngcontent-%COMP%] {\n color: #845400;\n}\n[_nghost-%COMP%] .filling-form-fields-item-icon[_ngcontent-%COMP%] {\n font-size: 22px;\n line-height: 22px;\n height: 22px;\n width: 22px;\n}\n[_nghost-%COMP%] .filling-form-fields-item-icon.warning[_ngcontent-%COMP%] {\n color: #845400;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid {\n padding: 0 0 12px;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mdc-notched-outline__leading {\n border-color: #ff3e3e !important;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mdc-notched-outline__trailing {\n border-color: #E22222 !important;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n color: #E22222 !important;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n padding: 0;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-mdc-form-field-error {\n color: #E22222 !important;\n font-size: 12px;\n font-family: "Open Sans";\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-mdc-select-arrow {\n color: #E22222 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-icon {\n color: #4a4a4a !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mdc-notched-outline__leading {\n border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mdc-notched-outline__trailing {\n border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-datepicker-toggle-default-icon {\n color: #4a4a4a !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-mdc-form-field-error {\n display: none;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-mdc-select-arrow {\n color: #d6d6d6 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] {\n --mat-form-field-container-vertical-padding: 6px;\n --mat-form-field-container-height: 36px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value {\n line-height: 18px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] input, \n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] textarea {\n font-family: "Open Sans";\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value-text {\n font-family: "Open Sans";\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-text-field--disabled {\n background-color: #F5F5F5 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-notched-outline__leading {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-notched-outline__trailing {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-icon-button .mat-icon {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n}\n[_nghost-%COMP%] .span-1[_ngcontent-%COMP%] {\n grid-column: span 1;\n}\n[_nghost-%COMP%] .span-2[_ngcontent-%COMP%] {\n grid-column: span 2;\n}\n[_nghost-%COMP%] .span-3[_ngcontent-%COMP%] {\n grid-column: span 3;\n}\n[_nghost-%COMP%] .span-4[_ngcontent-%COMP%] {\n grid-column: span 4;\n}\n[_nghost-%COMP%] .span-5[_ngcontent-%COMP%] {\n grid-column: span 5;\n}\n[_nghost-%COMP%] .span-6[_ngcontent-%COMP%] {\n grid-column: span 6;\n}\n[_nghost-%COMP%] .span-8[_ngcontent-%COMP%] {\n grid-column: span 8;\n}\n[_nghost-%COMP%] .span-12[_ngcontent-%COMP%] {\n grid-column: span 12;\n}\n[_nghost-%COMP%] .column-1[_ngcontent-%COMP%] {\n grid-column: 1/span 2;\n}\n[_nghost-%COMP%] .column-2[_ngcontent-%COMP%] {\n grid-column: 1/span 4;\n}\n[_nghost-%COMP%] .column-3[_ngcontent-%COMP%] {\n grid-column: 1/span 6;\n}\n[_nghost-%COMP%] .epl-readonly-field[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n[_nghost-%COMP%] .epl-info-panel-field[_ngcontent-%COMP%] {\n container-type: inline-size;\n}\n[_nghost-%COMP%] input {\n font-size: 14px !important;\n color: var(--filing-modal-color-grey) !important;\n}\n[_nghost-%COMP%] .epl-readonly-value {\n display: flex;\n align-items: center;\n min-height: 36px;\n padding: 0 16px;\n border: 1px solid #F5F5F5;\n border-radius: 8px;\n background-color: #F5F5F5;\n overflow-wrap: anywhere;\n}\n[_nghost-%COMP%] .epl-info-panel {\n display: grid;\n grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);\n column-gap: 16px;\n row-gap: 12px;\n padding: 12px;\n border-radius: 8px;\n background-color: #F5F5F5;\n}\n[_nghost-%COMP%] .epl-info-panel-item {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n@container (max-width: 560px) {\n [_nghost-%COMP%] .epl-info-panel {\n grid-template-columns: minmax(0, 1fr);\n }\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] {\n background: white !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] .mat-pseudo-checkbox-checked {\n background: transparent !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] .mdc-list-item__primary-text {\n font-family: "Open Sans";\n font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */'], changeDetection: 0 });
79523
+ ], styles: ['\n\n[_nghost-%COMP%] {\n overflow: hidden;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: repeat(12, 1fr);\n column-gap: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select {\n display: flex;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-checkbox__background {\n border: 3px solid #6a6c6f;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-arrow-wrapper {\n display: none;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .suffix-container {\n display: flex;\n align-items: center;\n padding-right: 12px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-form-field-icon-suffix {\n display: flex;\n align-items: center;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-form-field-icon-suffix .mat-icon {\n display: flex;\n align-items: center;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .arrow-icon {\n pointer-events: none;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-form-field-infix {\n display: flex !important;\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value-text {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-label {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-checkbox[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n justify-content: center;\n line-height: 2rem;\n}\n[_nghost-%COMP%] .filling-form-fields-checkbox[_ngcontent-%COMP%]:not(.last) {\n padding-bottom: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields-checkbox-text[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n gap: 8px;\n line-height: 20px;\n color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%] .filling-form-fields-empty[_ngcontent-%COMP%] {\n width: 100%;\n height: 80px;\n}\n[_nghost-%COMP%] .filling-form-fields-item[_ngcontent-%COMP%] {\n --mat-sys-primary: #6b6f76;\n --mat-sys-primary-container: #e4e5e8;\n --mat-sys-surface-tint: #6b6f76;\n --mat-sys-outline: #c7c9cf;\n --mat-sys-outline-variant: #dfe1e6;\n --mdc-icon-button-state-layer-size: 36px;\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n[_nghost-%COMP%] .filling-form-fields-item.text-area[_ngcontent-%COMP%] .mat-mdc-text-field-wrapper {\n padding: 0 !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item.text-area[_ngcontent-%COMP%] .mat-mdc-input-element {\n padding: 0 12px;\n min-height: 230px !important;\n max-height: 230px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-text[_ngcontent-%COMP%] {\n font-size: 14px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-text[_ngcontent-%COMP%]:not(.last) {\n padding-bottom: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields-item-hint[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n font-size: 12px;\n}\n[_nghost-%COMP%] .filling-form-fields-item.warning[_ngcontent-%COMP%] {\n --mdc-outlined-text-field-outline-color: #845400;\n --mdc-outlined-text-field-outline-width: 2px;\n --mat-sys-on-surface: #845400;\n color: #845400;\n padding-bottom: 16px;\n}\n[_nghost-%COMP%] .filling-form-fields-item-label[_ngcontent-%COMP%] {\n color: var(--filing-modal-color-grey);\n}\n[_nghost-%COMP%] .filling-form-fields-item-label.warning[_ngcontent-%COMP%] {\n color: #845400;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%] {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 6px;\n vertical-align: middle;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%] .mat-icon[_ngcontent-%COMP%] {\n width: 18px;\n height: 18px;\n font-size: 18px;\n line-height: 18px;\n color: #0b70d9 !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%]:hover .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%], \n[_nghost-%COMP%] .filling-form-fields-item-info[_ngcontent-%COMP%]:focus .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n display: flex;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info.dismissed[_ngcontent-%COMP%] .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n display: none;\n}\n[_nghost-%COMP%] .filling-form-fields-item-info-tooltip[_ngcontent-%COMP%] {\n position: absolute;\n z-index: 10;\n top: -12px;\n left: 28px;\n display: none;\n width: 220px;\n flex-direction: column;\n gap: 8px;\n padding: 16px 18px;\n border: 1px solid #d8dbe1;\n border-radius: 8px;\n background: #f5f6f8;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);\n color: #2f343b;\n line-height: 20px;\n white-space: normal;\n}\n[_nghost-%COMP%] .filling-form-fields-item-hint.warning[_ngcontent-%COMP%] {\n color: #845400;\n}\n[_nghost-%COMP%] .filling-form-fields-item-icon[_ngcontent-%COMP%] {\n font-size: 22px;\n line-height: 22px;\n height: 22px;\n width: 22px;\n}\n[_nghost-%COMP%] .filling-form-fields-item-icon.warning[_ngcontent-%COMP%] {\n color: #845400;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid {\n padding: 0 0 12px;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mdc-notched-outline__leading {\n border-color: #ff3e3e !important;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mdc-notched-outline__trailing {\n border-color: #E22222 !important;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n color: #E22222 !important;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n padding: 0;\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-mdc-form-field-error {\n color: #E22222 !important;\n font-size: 12px;\n font-family: "Open Sans";\n}\n[_nghost-%COMP%] .filling-form-fields.submitted[_ngcontent-%COMP%] .mat-form-field-invalid .mat-mdc-select-arrow {\n color: #E22222 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-icon {\n color: #4a4a4a !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mdc-notched-outline__leading {\n border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mdc-notched-outline__trailing {\n border-color: #d6d6d6 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-datepicker-toggle-default-icon {\n color: #4a4a4a !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-mdc-form-field-error {\n display: none;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%]:not(.submitted) .mat-mdc-select-arrow {\n color: #d6d6d6 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] {\n --mat-form-field-container-vertical-padding: 6px;\n --mat-form-field-container-height: 36px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value {\n line-height: 18px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] input, \n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] textarea {\n font-family: "Open Sans";\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mat-mdc-select-value-text {\n font-family: "Open Sans";\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-text-field--disabled {\n background-color: #F5F5F5 !important;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-notched-outline__leading {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-notched-outline__trailing {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n[_nghost-%COMP%] .filling-form-fields[_ngcontent-%COMP%] .mdc-icon-button .mat-icon {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n}\n[_nghost-%COMP%] .span-1[_ngcontent-%COMP%] {\n grid-column: span 1;\n}\n[_nghost-%COMP%] .span-2[_ngcontent-%COMP%] {\n grid-column: span 2;\n}\n[_nghost-%COMP%] .span-3[_ngcontent-%COMP%] {\n grid-column: span 3;\n}\n[_nghost-%COMP%] .span-4[_ngcontent-%COMP%] {\n grid-column: span 4;\n}\n[_nghost-%COMP%] .span-5[_ngcontent-%COMP%] {\n grid-column: span 5;\n}\n[_nghost-%COMP%] .span-6[_ngcontent-%COMP%] {\n grid-column: span 6;\n}\n[_nghost-%COMP%] .span-8[_ngcontent-%COMP%] {\n grid-column: span 8;\n}\n[_nghost-%COMP%] .span-12[_ngcontent-%COMP%] {\n grid-column: span 12;\n}\n[_nghost-%COMP%] .column-1[_ngcontent-%COMP%] {\n grid-column: 1/span 2;\n}\n[_nghost-%COMP%] .column-2[_ngcontent-%COMP%] {\n grid-column: 1/span 4;\n}\n[_nghost-%COMP%] .column-3[_ngcontent-%COMP%] {\n grid-column: 1/span 6;\n}\n[_nghost-%COMP%] .epl-readonly-field[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n[_nghost-%COMP%] .epl-info-panel-field[_ngcontent-%COMP%] {\n container-type: inline-size;\n}\n[_nghost-%COMP%] input {\n font-size: 14px !important;\n color: var(--filing-modal-color-grey) !important;\n}\n[_nghost-%COMP%] .epl-readonly-value {\n display: flex;\n align-items: center;\n min-height: 36px;\n padding: 0 16px;\n border: 1px solid #F5F5F5;\n border-radius: 8px;\n background-color: #F5F5F5;\n overflow-wrap: anywhere;\n}\n[_nghost-%COMP%] .epl-info-panel {\n display: grid;\n grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);\n column-gap: 16px;\n row-gap: 12px;\n padding: 12px;\n border-radius: 8px;\n background-color: #F5F5F5;\n}\n[_nghost-%COMP%] .epl-info-panel-item {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n@container (max-width: 560px) {\n [_nghost-%COMP%] .epl-info-panel {\n grid-template-columns: minmax(0, 1fr);\n }\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] {\n background: white !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] .mat-pseudo-checkbox-checked {\n background: transparent !important;\n}\n.filing-form-group-select-option[_ngcontent-%COMP%] .mdc-list-item__primary-text {\n font-family: "Open Sans";\n font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */'], changeDetection: 0 });
79524
79524
  };
79525
79525
  (() => {
79526
79526
  (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(FilingFormGroupComponent, [{
@@ -79670,26 +79670,26 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
79670
79670
  @if (field.label) {\r
79671
79671
  <span [class.warning]="!!previousValue" [class.body-1-semibold]="field.bold"\r
79672
79672
  class="filling-form-fields-item-label body-1-regular">\r
79673
- {{ (field.label | translate) + (field.required ? " *" : "") }}
79674
- @if (field.infoText) {
79675
- @let tooltipId = getTooltipId(field, $index);
79676
- <span
79677
- class="filling-form-fields-item-info"
79678
- [class.dismissed]="dismissedTooltipId() === tooltipId || dismissedTooltipId() === '__all__'"
79679
- role="button"
79680
- tabindex="0"
79681
- [attr.aria-label]="field.infoTitle ? (field.infoTitle | translate) : (field.label | translate)"
79682
- [attr.aria-describedby]="tooltipId"
79683
- (keydown)="dismissTooltip($event, tooltipId)"
79684
- (mouseenter)="resetDismissedTooltip(tooltipId)"
79685
- (focus)="resetDismissedTooltip(tooltipId)"
79686
- >
79687
- <mat-icon aria-hidden="true">info</mat-icon>
79688
- <span
79689
- class="filling-form-fields-item-info-tooltip"
79690
- role="tooltip"
79691
- [id]="tooltipId"
79692
- >
79673
+ {{ (field.label | translate) + (field.required ? " *" : "") }}\r
79674
+ @if (field.infoText) {\r
79675
+ @let tooltipId = getTooltipId(field, $index);\r
79676
+ <span\r
79677
+ class="filling-form-fields-item-info"\r
79678
+ [class.dismissed]="dismissedTooltipId() === tooltipId || dismissedTooltipId() === '__all__'"\r
79679
+ role="button"\r
79680
+ tabindex="0"\r
79681
+ [attr.aria-label]="field.infoTitle ? (field.infoTitle | translate) : (field.label | translate)"\r
79682
+ [attr.aria-describedby]="tooltipId"\r
79683
+ (keydown)="dismissTooltip($event, tooltipId)"\r
79684
+ (mouseenter)="resetDismissedTooltip(tooltipId)"\r
79685
+ (focus)="resetDismissedTooltip(tooltipId)"\r
79686
+ >\r
79687
+ <mat-icon aria-hidden="true">info</mat-icon>\r
79688
+ <span\r
79689
+ class="filling-form-fields-item-info-tooltip"\r
79690
+ role="tooltip"\r
79691
+ [id]="tooltipId"\r
79692
+ >\r
79693
79693
  @if (field.infoTitle) {\r
79694
79694
  <strong>{{ field.infoTitle | translate }}</strong>\r
79695
79695
  }\r
@@ -79717,7 +79717,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
79717
79717
  <mat-icon [class.warning]="true" class="filling-form-fields-item-icon" matSuffix>warning_amber</mat-icon>\r
79718
79718
  }\r
79719
79719
  \r
79720
- <mat-error>{{ field.errorMessage ? (field.errorMessage | translate) : (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>
79720
+ <mat-error>{{ field.errorMessage ? (field.errorMessage | translate) : (field.label | translate) + ' ' + ('is required' | translate) }}</mat-error>\r
79721
79721
  </mat-form-field>\r
79722
79722
  }\r
79723
79723
  </div>\r
@@ -79750,8 +79750,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
79750
79750
  }\r
79751
79751
  }\r
79752
79752
  </div>\r
79753
- </section>
79754
- `, 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-info {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 6px;\n vertical-align: middle;\n}\n:host .filling-form-fields-item-info .mat-icon {\n width: 18px;\n height: 18px;\n font-size: 18px;\n line-height: 18px;\n color: #006fd6 !important;\n}\n:host .filling-form-fields-item-info:hover .filling-form-fields-item-info-tooltip,\n:host .filling-form-fields-item-info:focus .filling-form-fields-item-info-tooltip {\n display: flex;\n}\n:host .filling-form-fields-item-info.dismissed .filling-form-fields-item-info-tooltip {\n display: none;\n}\n:host .filling-form-fields-item-info-tooltip {\n position: absolute;\n z-index: 10;\n top: -12px;\n left: 28px;\n display: none;\n width: 220px;\n flex-direction: column;\n gap: 8px;\n padding: 16px 18px;\n border: 1px solid #d8dbe1;\n border-radius: 8px;\n background: #f5f6f8;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);\n color: #2f343b;\n line-height: 20px;\n white-space: normal;\n}\n:host .filling-form-fields-item-hint.warning {\n color: #845400;\n}\n:host .filling-form-fields-item-icon {\n font-size: 22px;\n line-height: 22px;\n height: 22px;\n width: 22px;\n}\n:host .filling-form-fields-item-icon.warning {\n color: #845400;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid {\n padding: 0 0 12px;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__leading {\n border-color: #ff3e3e !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__trailing {\n border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n padding: 0;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error {\n color: #E22222 !important;\n font-size: 12px;\n font-family: "Open Sans";\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-select-arrow {\n color: #E22222 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-icon {\n color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__leading {\n border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__trailing {\n border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-datepicker-toggle-default-icon {\n color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-form-field-error {\n display: none;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-select-arrow {\n color: #d6d6d6 !important;\n}\n:host .filling-form-fields ::ng-deep {\n --mat-form-field-container-vertical-padding: 6px;\n --mat-form-field-container-height: 36px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n line-height: 18px;\n}\n:host .filling-form-fields ::ng-deep input,\n:host .filling-form-fields ::ng-deep textarea {\n font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mdc-text-field--disabled {\n background-color: #F5F5F5 !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__leading {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__trailing {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-icon-button .mat-icon {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n}\n:host .span-1 {\n grid-column: span 1;\n}\n:host .span-2 {\n grid-column: span 2;\n}\n:host .span-3 {\n grid-column: span 3;\n}\n:host .span-4 {\n grid-column: span 4;\n}\n:host .span-5 {\n grid-column: span 5;\n}\n:host .span-6 {\n grid-column: span 6;\n}\n:host .span-8 {\n grid-column: span 8;\n}\n:host .span-12 {\n grid-column: span 12;\n}\n:host .column-1 {\n grid-column: 1/span 2;\n}\n:host .column-2 {\n grid-column: 1/span 4;\n}\n:host .column-3 {\n grid-column: 1/span 6;\n}\n:host .epl-readonly-field {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n:host .epl-info-panel-field {\n container-type: inline-size;\n}\n:host ::ng-deep input {\n font-size: 14px !important;\n color: var(--filing-modal-color-grey) !important;\n}\n:host ::ng-deep .epl-readonly-value {\n display: flex;\n align-items: center;\n min-height: 36px;\n padding: 0 16px;\n border: 1px solid #F5F5F5;\n border-radius: 8px;\n background-color: #F5F5F5;\n overflow-wrap: anywhere;\n}\n:host ::ng-deep .epl-info-panel {\n display: grid;\n grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);\n column-gap: 16px;\n row-gap: 12px;\n padding: 12px;\n border-radius: 8px;\n background-color: #F5F5F5;\n}\n:host ::ng-deep .epl-info-panel-item {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n@container (max-width: 560px) {\n :host ::ng-deep .epl-info-panel {\n grid-template-columns: minmax(0, 1fr);\n }\n}\n.filing-form-group-select-option {\n background: white !important;\n}\n.filing-form-group-select-option ::ng-deep .mat-pseudo-checkbox-checked {\n background: transparent !important;\n}\n.filing-form-group-select-option ::ng-deep .mdc-list-item__primary-text {\n font-family: "Open Sans";\n font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */\n'] }]
79753
+ </section>\r
79754
+ `, 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-info {\n position: relative;\n display: inline-flex;\n align-items: center;\n margin-left: 6px;\n vertical-align: middle;\n}\n:host .filling-form-fields-item-info .mat-icon {\n width: 18px;\n height: 18px;\n font-size: 18px;\n line-height: 18px;\n color: #0b70d9 !important;\n}\n:host .filling-form-fields-item-info:hover .filling-form-fields-item-info-tooltip,\n:host .filling-form-fields-item-info:focus .filling-form-fields-item-info-tooltip {\n display: flex;\n}\n:host .filling-form-fields-item-info.dismissed .filling-form-fields-item-info-tooltip {\n display: none;\n}\n:host .filling-form-fields-item-info-tooltip {\n position: absolute;\n z-index: 10;\n top: -12px;\n left: 28px;\n display: none;\n width: 220px;\n flex-direction: column;\n gap: 8px;\n padding: 16px 18px;\n border: 1px solid #d8dbe1;\n border-radius: 8px;\n background: #f5f6f8;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.24);\n color: #2f343b;\n line-height: 20px;\n white-space: normal;\n}\n:host .filling-form-fields-item-hint.warning {\n color: #845400;\n}\n:host .filling-form-fields-item-icon {\n font-size: 22px;\n line-height: 22px;\n height: 22px;\n width: 22px;\n}\n:host .filling-form-fields-item-icon.warning {\n color: #845400;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid {\n padding: 0 0 12px;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__leading {\n border-color: #ff3e3e !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__trailing {\n border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n padding: 0;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error {\n color: #E22222 !important;\n font-size: 12px;\n font-family: "Open Sans";\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-select-arrow {\n color: #E22222 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-icon {\n color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__leading {\n border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__trailing {\n border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-datepicker-toggle-default-icon {\n color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-form-field-error {\n display: none;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-select-arrow {\n color: #d6d6d6 !important;\n}\n:host .filling-form-fields ::ng-deep {\n --mat-form-field-container-vertical-padding: 6px;\n --mat-form-field-container-height: 36px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n line-height: 18px;\n}\n:host .filling-form-fields ::ng-deep input,\n:host .filling-form-fields ::ng-deep textarea {\n font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mdc-text-field--disabled {\n background-color: #F5F5F5 !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__leading {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-left-radius: 8px;\n border-bottom-left-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__trailing {\n border-width: 1px !important;\n border-color: #d6d6d6 !important;\n border-top-right-radius: 8px;\n border-bottom-right-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-icon-button .mat-icon {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n}\n:host .span-1 {\n grid-column: span 1;\n}\n:host .span-2 {\n grid-column: span 2;\n}\n:host .span-3 {\n grid-column: span 3;\n}\n:host .span-4 {\n grid-column: span 4;\n}\n:host .span-5 {\n grid-column: span 5;\n}\n:host .span-6 {\n grid-column: span 6;\n}\n:host .span-8 {\n grid-column: span 8;\n}\n:host .span-12 {\n grid-column: span 12;\n}\n:host .column-1 {\n grid-column: 1/span 2;\n}\n:host .column-2 {\n grid-column: 1/span 4;\n}\n:host .column-3 {\n grid-column: 1/span 6;\n}\n:host .epl-readonly-field {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n:host .epl-info-panel-field {\n container-type: inline-size;\n}\n:host ::ng-deep input {\n font-size: 14px !important;\n color: var(--filing-modal-color-grey) !important;\n}\n:host ::ng-deep .epl-readonly-value {\n display: flex;\n align-items: center;\n min-height: 36px;\n padding: 0 16px;\n border: 1px solid #F5F5F5;\n border-radius: 8px;\n background-color: #F5F5F5;\n overflow-wrap: anywhere;\n}\n:host ::ng-deep .epl-info-panel {\n display: grid;\n grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);\n column-gap: 16px;\n row-gap: 12px;\n padding: 12px;\n border-radius: 8px;\n background-color: #F5F5F5;\n}\n:host ::ng-deep .epl-info-panel-item {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n@container (max-width: 560px) {\n :host ::ng-deep .epl-info-panel {\n grid-template-columns: minmax(0, 1fr);\n }\n}\n.filing-form-group-select-option {\n background: white !important;\n}\n.filing-form-group-select-option ::ng-deep .mat-pseudo-checkbox-checked {\n background: transparent !important;\n}\n.filing-form-group-select-option ::ng-deep .mdc-list-item__primary-text {\n font-family: "Open Sans";\n font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */\n'] }]
79755
79755
  }], () => [], { dismissOpenTooltip: [{
79756
79756
  type: HostListener,
79757
79757
  args: ["document:keydown.escape"]
@@ -83498,6 +83498,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
83498
83498
  form.get(FederalFormationFormControl.ClienteleMarketType)?.setValue("", { emitEvent: false });
83499
83499
  form.get(FederalFormationFormControl.KeywordOrigin)?.setValue("", { emitEvent: false });
83500
83500
  form.get(FederalFormationFormControl.SimilarNamesSearchedOrRegistered)?.setValue("", { emitEvent: false });
83501
+ }
83502
+ if (!NAME_TYPES_REQUIRING_RESERVATION.includes(incorporationType)) {
83501
83503
  form.get(FederalFormationFormControl.SecondaryReservationNumber)?.setValue("", { emitEvent: false });
83502
83504
  form.get(FederalFormationFormControl.SecondaryReservationDate)?.setValue("", { emitEvent: false });
83503
83505
  }
@@ -83554,13 +83556,13 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
83554
83556
  label: "Proposed Corporate Name in other official language (if applicable)",
83555
83557
  formControlName: FederalFormationFormControl.ProposedCorporateNameInOtherOfficialLanguage,
83556
83558
  class: "span-6",
83557
- isVisible: (form) => Boolean(form.get(FederalFormationFormControl.ProposedCorporateNameInOtherOfficialLanguage)?.value) && NameType2.NonPreapproved === form.get(FederalFormationFormControl.NameType)?.value
83559
+ isVisible: (form) => Boolean(form.get(FederalFormationFormControl.ProposedCorporateNameInOtherOfficialLanguage)?.value) && NAME_TYPES_REQUIRING_RESERVATION.includes(form.get(FederalFormationFormControl.NameType)?.value)
83558
83560
  },
83559
83561
  {
83560
83562
  type: FormType.Input,
83561
83563
  label: "Nuans Report Reservation #",
83562
83564
  formControlName: FederalFormationFormControl.SecondaryReservationNumber,
83563
- isVisible: (form) => Boolean(form.get(FederalFormationFormControl.ProposedCorporateNameInOtherOfficialLanguage)?.value) && NameType2.NonPreapproved === form.get(FederalFormationFormControl.NameType)?.value,
83565
+ isVisible: (form) => Boolean(form.get(FederalFormationFormControl.ProposedCorporateNameInOtherOfficialLanguage)?.value) && NAME_TYPES_REQUIRING_RESERVATION.includes(form.get(FederalFormationFormControl.NameType)?.value),
83564
83566
  class: "span-3",
83565
83567
  required: true
83566
83568
  },
@@ -83569,7 +83571,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
83569
83571
  label: "Reservation Date",
83570
83572
  formControlName: FederalFormationFormControl.SecondaryReservationDate,
83571
83573
  required: true,
83572
- isVisible: (form) => Boolean(form.get(FederalFormationFormControl.ProposedCorporateNameInOtherOfficialLanguage)?.value) && NameType2.NonPreapproved === form.get(FederalFormationFormControl.NameType)?.value,
83574
+ isVisible: (form) => Boolean(form.get(FederalFormationFormControl.ProposedCorporateNameInOtherOfficialLanguage)?.value) && NAME_TYPES_REQUIRING_RESERVATION.includes(form.get(FederalFormationFormControl.NameType)?.value),
83573
83575
  class: "span-3"
83574
83576
  },
83575
83577
  {
@@ -83940,7 +83942,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
83940
83942
  type: FormType.Input,
83941
83943
  label: "NAICS (North American Industry Classification) Code",
83942
83944
  formControlName: FederalFormationFormControl.BusinessActivities,
83943
- class: "span-12",
83945
+ class: "span-6",
83944
83946
  required: true,
83945
83947
  bold: true,
83946
83948
  maxLength: 4,
@@ -84444,8 +84446,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
84444
84446
  config2[FederalFormationFormGroups.Directors] = new FormArray(directorGroups);
84445
84447
  }
84446
84448
  const secondaryName = task.entity?._profile?.secondary_name;
84447
- const secondaryReservationValidators = secondaryName ? [requiredIfValue(FederalFormationFormControl.NameType, NameType2.NonPreapproved)] : [];
84448
- const savedSecondary = corporateName?.nameType === NameType2.NonPreapproved ? corporateName : void 0;
84449
+ const secondaryReservationValidators = secondaryName ? [requiredIfValueIn(FederalFormationFormControl.NameType, NAME_TYPES_REQUIRING_RESERVATION)] : [];
84450
+ const savedSecondary = corporateName?.nameType !== void 0 && NAME_TYPES_REQUIRING_RESERVATION.includes(corporateName.nameType) ? corporateName : void 0;
84449
84451
  const incorporationConfig = {
84450
84452
  [FederalFormationFormControl.NameType]: new FormControl(corporateName?.nameType ?? null, Validators.required),
84451
84453
  [FederalFormationFormControl.ProposedCorporateName]: new FormControl({ value: task.entity._profile.name ?? null, disabled: true }, requiredIfNotValue(FederalFormationFormControl.NameType, NameType2.Numbered)),
@@ -84492,7 +84494,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
84492
84494
  [FormationFormControls.Province]: new FormControl(eplRegisteredOffice?.addresses?.[0]?.province_state),
84493
84495
  [FederalFormationFormControl.RegistrationDate]: new FormControl({ value: data.registration_date ?? null, disabled: true }),
84494
84496
  [FederalFormationFormControl.OfficialEmail]: new FormControl({ value: officialEmail, disabled: true }),
84495
- [FederalFormationFormControl.BusinessActivities]: new FormControl(deltaData?.businessActivity ?? null, [Validators.required, Validators.pattern(/^\d{4}$/)]),
84497
+ [FederalFormationFormControl.BusinessActivities]: new FormControl(deltaData?.businessActivity ?? null, [Validators.required, Validators.pattern(/^\d{1,4}$/)]),
84496
84498
  [FederalFormationFormControl.PrincipalOfficeInOntario]: new FormControl(deltaData?.principalOfficeAddressUid ?? null, Validators.required),
84497
84499
  [FederalFormationFormControl.ContactInOntario]: new FormControl(deltaData?.contactUid ?? null, Validators.required),
84498
84500
  [FederalFormationFormControl.ChiefOfficerManagerInOntario]: new FormControl(deltaData?.chiefManagerUid ?? null),
@@ -87201,13 +87203,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
87201
87203
  };
87202
87204
  }
87203
87205
  const nonPreapproved = Number(corporateNameData[FederalFormationFormControl.NameType]) === NameType2.NonPreapproved;
87206
+ const hasReservation = NAME_TYPES_REQUIRING_RESERVATION.includes(Number(corporateNameData[FederalFormationFormControl.NameType]));
87204
87207
  const supportingDocuments = [...this.selectedDocuments() ?? []];
87205
87208
  return {
87206
87209
  corporateName: __spreadValues(__spreadProps(__spreadValues({
87207
87210
  nameType: corporateNameData[FederalFormationFormControl.NameType],
87208
87211
  primaryNameReservationNumber: corporateNameData[FederalFormationFormControl.PrimaryNuansReportReservation],
87209
87212
  primaryNameReservationDate: toDateOnlyString(corporateNameData[FederalFormationFormControl.PrimaryReservationDate])
87210
- }, nonPreapproved ? {
87213
+ }, hasReservation ? {
87211
87214
  secondaryNameReservationNumber: corporateNameData[FederalFormationFormControl.SecondaryReservationNumber],
87212
87215
  secondaryNameReservationDate: toDateOnlyString(corporateNameData[FederalFormationFormControl.SecondaryReservationDate])
87213
87216
  } : {}), {
@@ -88057,6 +88060,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
88057
88060
  const isFixedDirectors = !!minDirectors && minDirectors === maxDirectors;
88058
88061
  const isNumbered = corporateNameDelta?.nameType === NameType2.Numbered;
88059
88062
  const isNonPreapproved = corporateNameDelta?.nameType === NameType2.NonPreapproved;
88063
+ const hasReservation = corporateNameDelta?.nameType !== void 0 && NAME_TYPES_REQUIRING_RESERVATION.includes(corporateNameDelta.nameType);
88060
88064
  const englishName = !isNumbered ? {
88061
88065
  CorporationName: task.entity._profile.name || "",
88062
88066
  ReservationDate: corporateNameDelta?.primaryNameReservationDate || "",
@@ -88064,9 +88068,9 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
88064
88068
  } : { CorporationName: "", ReservationDate: "", ReservationNumber: "" };
88065
88069
  const frenchName = !isNumbered && task.entity._profile.secondary_name ? {
88066
88070
  CorporationName: task.entity._profile.secondary_name || "",
88067
- // The French reservation only applies to Non Pre-Approved names; ignore stale saved values.
88068
- ReservationDate: isNonPreapproved ? corporateNameDelta?.secondaryNameReservationDate || "" : "",
88069
- ReservationNumber: isNonPreapproved ? corporateNameDelta?.secondaryNameReservationNumber || "" : ""
88071
+ // The French reservation only applies to Pre-Approved / Non Pre-Approved names; ignore stale saved values.
88072
+ ReservationDate: hasReservation ? corporateNameDelta?.secondaryNameReservationDate || "" : "",
88073
+ ReservationNumber: hasReservation ? corporateNameDelta?.secondaryNameReservationNumber || "" : ""
88070
88074
  } : { CorporationName: "", ReservationDate: "", ReservationNumber: "" };
88071
88075
  const legalEnding = corporateNameDelta?.legalElement;
88072
88076
  const useDifferentMailingAddress = deltaData.registeredOfficeAddress?.useDifferentAddressForCorrespondence;
@@ -94216,7 +94220,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
94216
94220
  "NAICS (North American Industry Classification) Code": "NAICS (North American Industry Classification) Code",
94217
94221
  "4-digit limit": "4-digit limit",
94218
94222
  "Corporations Canada limits the NAICS code to 4 digits.": "Corporations Canada limits the NAICS code to 4 digits.",
94219
- "Enter a NAICS code up to 4 digits": "Enter a valid 4-digit NAICS code",
94223
+ "Enter a NAICS code up to 4 digits": "Enter a NAICS code up to 4 digits",
94220
94224
  "Registered Office Address": "Registered Office Address",
94221
94225
  Certification: "Certification",
94222
94226
  Added: "Added",
@@ -94628,7 +94632,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
94628
94632
  "NAICS (North American Industry Classification) Code": "Code SCIAN (Syst\xE8me de classification des industries de l'Am\xE9rique du Nord)",
94629
94633
  "4-digit limit": "Limite de 4 chiffres",
94630
94634
  "Corporations Canada limits the NAICS code to 4 digits.": "Corporations Canada limite le code SCIAN \xE0 4 chiffres.",
94631
- "Enter a NAICS code up to 4 digits": "Entrez un code SCIAN valide \xE0 4 chiffres",
94635
+ "Enter a NAICS code up to 4 digits": "Entrez un code SCIAN comportant jusqu'\xE0 4 chiffres",
94632
94636
  Certification: "Attestation",
94633
94637
  "Authorized Representative": "Repr\xE9sentant autoris\xE9",
94634
94638
  Added: "Ajout\xE9",
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
- {
2
- "name": "@dyedurham/search-and-file-widget",
3
- "version": "2.0.51",
4
- "description": "",
5
- "main": "dnd-filing-shell.js",
6
- "scripts": {
7
- "test": "echo \"Error: no test specified\" && exit 1"
8
- },
9
- "author": "",
10
- "license": "ISC"
11
- }
1
+ {
2
+ "name": "@dyedurham/search-and-file-widget",
3
+ "version": "2.0.53",
4
+ "description": "",
5
+ "main": "dnd-filing-shell.js",
6
+ "scripts": {
7
+ "test": "echo \"Error: no test specified\" && exit 1"
8
+ },
9
+ "author": "",
10
+ "license": "ISC"
11
+ }