@dyedurham/search-and-file-widget 2.0.48 → 2.0.49

package/dnd-filing-shell.js

@@ -80058,7 +80058,53 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(12, 11, field_r3.label) + " " + \u0275\u0275pipeBind1(13, 13, "is required"));
     }
   }
-  function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_5_Template(rf, ctx) {
+  function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_3_Conditional_4_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275elementStart(0, "strong");
+      \u0275\u0275text(1);
+      \u0275\u0275pipe(2, "translate");
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      const field_r3 = \u0275\u0275nextContext(5).$implicit;
+      \u0275\u0275advance();
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(2, 1, field_r3.infoTitle));
+    }
+  }
+  function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_3_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275elementStart(0, "span", 32)(1, "mat-icon");
+      \u0275\u0275text(2, "info");
+      \u0275\u0275elementEnd();
+      \u0275\u0275elementStart(3, "span", 34);
+      \u0275\u0275template(4, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_3_Conditional_4_Template, 3, 3, "strong");
+      \u0275\u0275elementStart(5, "span");
+      \u0275\u0275text(6);
+      \u0275\u0275pipe(7, "translate");
+      \u0275\u0275elementEnd()()();
+    }
+    if (rf & 2) {
+      const field_r3 = \u0275\u0275nextContext(4).$implicit;
+      \u0275\u0275advance(4);
+      \u0275\u0275conditional(field_r3.infoTitle ? 4 : -1);
+      \u0275\u0275advance(2);
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(7, 2, field_r3.infoText));
+    }
+  }
+  function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_6_Template(rf, ctx) {
+    if (rf & 1) {
+      \u0275\u0275elementStart(0, "mat-hint");
+      \u0275\u0275text(1);
+      \u0275\u0275pipe(2, "translate");
+      \u0275\u0275elementEnd();
+    }
+    if (rf & 2) {
+      const field_r3 = \u0275\u0275nextContext(4).$implicit;
+      \u0275\u0275advance();
+      \u0275\u0275textInterpolate(\u0275\u0275pipeBind1(2, 1, field_r3.hint));
+    }
+  }
+  function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_7_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "mat-hint", 23);
       \u0275\u0275text(1);
@@ -80073,7 +80119,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275textInterpolate2("", \u0275\u0275pipeBind1(2, 4, "Previously saved value"), ": ", previousValue_r13, "");
     }
   }
-  function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_6_Template(rf, ctx) {
+  function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_8_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "mat-icon", 22);
       \u0275\u0275text(1, "warning_amber");
@@ -80089,9 +80135,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275elementStart(0, "span", 8);
       \u0275\u0275text(1);
       \u0275\u0275pipe(2, "translate");
+      \u0275\u0275template(3, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_3_Template, 8, 4, "span", 32);
       \u0275\u0275elementEnd();
-      \u0275\u0275elementStart(3, "mat-form-field", 9)(4, "input", 32);
-      \u0275\u0275listener("input", function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template_input_input_4_listener() {
+      \u0275\u0275elementStart(4, "mat-form-field", 9)(5, "input", 33);
+      \u0275\u0275listener("input", function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template_input_input_5_listener() {
         \u0275\u0275restoreView(_r22);
         const field_r3 = \u0275\u0275nextContext(3).$implicit;
         \u0275\u0275nextContext();
@@ -80099,36 +80146,42 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
         return \u0275\u0275resetView(field_r3.onChange && field_r3.onChange(form_r4));
       });
       \u0275\u0275elementEnd();
-      \u0275\u0275template(5, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_5_Template, 3, 6, "mat-hint", 21)(6, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_6_Template, 2, 2, "mat-icon", 20);
-      \u0275\u0275elementStart(7, "mat-error");
-      \u0275\u0275text(8);
-      \u0275\u0275pipe(9, "translate");
-      \u0275\u0275pipe(10, "translate");
+      \u0275\u0275template(6, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_6_Template, 3, 3, "mat-hint")(7, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_7_Template, 3, 6, "mat-hint", 21)(8, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_8_Template, 2, 2, "mat-icon", 20);
+      \u0275\u0275elementStart(9, "mat-error");
+      \u0275\u0275text(10);
       \u0275\u0275pipe(11, "translate");
+      \u0275\u0275pipe(12, "translate");
+      \u0275\u0275pipe(13, "translate");
       \u0275\u0275elementEnd()();
     }
     if (rf & 2) {
-      let tmp_19_0;
+      let tmp_21_0;
+      let tmp_24_0;
       \u0275\u0275nextContext(2);
       const previousValue_r13 = \u0275\u0275readContextLet(0);
       const field_r3 = \u0275\u0275nextContext().$implicit;
-      \u0275\u0275classProp("warning", !!previousValue_r13);
+      \u0275\u0275classProp("warning", !!previousValue_r13)("body-1-semibold", field_r3.bold);
       \u0275\u0275advance();
-      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(2, 9, field_r3.label) + (field_r3.required ? " *" : ""), " ");
-      \u0275\u0275advance(3);
-      \u0275\u0275property("type", (tmp_19_0 = field_r3.inputType) !== null && tmp_19_0 !== void 0 ? tmp_19_0 : "text")("readonly", field_r3.readonly)("formControlName", field_r3.formControlName);
+      \u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(2, 14, field_r3.label) + (field_r3.required ? " *" : ""), " ");
+      \u0275\u0275advance(2);
+      \u0275\u0275conditional(field_r3.infoText ? 3 : -1);
+      \u0275\u0275advance(2);
+      \u0275\u0275property("type", (tmp_21_0 = field_r3.inputType) !== null && tmp_21_0 !== void 0 ? tmp_21_0 : "text")("readonly", field_r3.readonly)("formControlName", field_r3.formControlName);
+      \u0275\u0275attribute("maxlength", (tmp_24_0 = field_r3.maxLength) !== null && tmp_24_0 !== void 0 ? tmp_24_0 : null);
+      \u0275\u0275advance();
+      \u0275\u0275conditional(field_r3.hint ? 6 : -1);
       \u0275\u0275advance();
-      \u0275\u0275conditional(previousValue_r13 != null ? 5 : -1);
+      \u0275\u0275conditional(previousValue_r13 != null ? 7 : -1);
       \u0275\u0275advance();
-      \u0275\u0275conditional(previousValue_r13 != null ? 6 : -1);
+      \u0275\u0275conditional(previousValue_r13 != null ? 8 : -1);
       \u0275\u0275advance(2);
-      \u0275\u0275textInterpolate(field_r3.errorMessage ? \u0275\u0275pipeBind1(9, 11, field_r3.errorMessage) : \u0275\u0275pipeBind1(10, 13, field_r3.label) + " " + \u0275\u0275pipeBind1(11, 15, "is required"));
+      \u0275\u0275textInterpolate(field_r3.errorMessage ? \u0275\u0275pipeBind1(11, 16, field_r3.errorMessage) : \u0275\u0275pipeBind1(12, 18, field_r3.label) + " " + \u0275\u0275pipeBind1(13, 20, "is required"));
     }
   }
   function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275elementStart(0, "div");
-      \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template, 12, 17);
+      \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template, 14, 22);
       \u0275\u0275elementEnd();
     }
     if (rf & 2) {
@@ -80149,7 +80202,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       \u0275\u0275text(1);
       \u0275\u0275pipe(2, "translate");
       \u0275\u0275elementEnd();
-      \u0275\u0275elementStart(3, "mat-form-field", 9)(4, "textarea", 33);
+      \u0275\u0275elementStart(3, "mat-form-field", 9)(4, "textarea", 35);
       \u0275\u0275listener("change", function FilingFormGroupComponent_For_5_Conditional_0_Case_8_Conditional_1_Template_textarea_change_4_listener() {
         \u0275\u0275restoreView(_r23);
         const field_r3 = \u0275\u0275nextContext(3).$implicit;
@@ -80183,7 +80236,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   }
   function FilingFormGroupComponent_For_5_Conditional_0_Case_9_Template(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275element(0, "checkbox-list", 34);
+      \u0275\u0275element(0, "checkbox-list", 36);
     }
     if (rf & 2) {
       let tmp_18_0;
@@ -80194,7 +80247,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
   }
   function FilingFormGroupComponent_For_5_Conditional_0_Case_10_Conditional_1_Template(rf, ctx) {
     if (rf & 1) {
-      \u0275\u0275element(0, "p", 36);
+      \u0275\u0275element(0, "p", 38);
     }
     if (rf & 2) {
       \u0275\u0275nextContext();
@@ -80204,14 +80257,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       const \u0275$index_7_r15 = ctx_r13.$index;
       const \u0275$count_7_r16 = ctx_r13.$count;
       \u0275\u0275classMap(field_r3.class);
-      \u0275\u0275classProp("last", \u0275$index_7_r15 === \u0275$count_7_r16 - 1);
+      \u0275\u0275classProp("last", \u0275$index_7_r15 === \u0275$count_7_r16 - 1)("body-1-semibold", field_r3.bold);
       \u0275\u0275property("innerHTML", label_r24, \u0275\u0275sanitizeHtml);
     }
   }
   function FilingFormGroupComponent_For_5_Conditional_0_Case_10_Template(rf, ctx) {
     if (rf & 1) {
       \u0275\u0275declareLet(0);
-      \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_10_Conditional_1_Template, 1, 5, "p", 35);
+      \u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_10_Conditional_1_Template, 1, 7, "p", 37);
     }
     if (rf & 2) {
       const field_r3 = \u0275\u0275nextContext(2).$implicit;
@@ -80363,7 +80416,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           { provide: DateAdapter, useClass: MomentDateAdapter },
           { provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },
           { provide: MAT_DATE_LOCALE, useValue: "en-GB" }
-        ])], decls: 6, vars: 4, consts: [["autocompleteRef", "matAutocomplete"], ["picker", ""], [1, "filling-form-fields", 3, "formGroup"], [3, "class"], [3, "last", "class"], [3, "class", "warning"], [3, "warning", "class"], [3, "class", "formControlName", "items"], [1, "filling-form-fields-item-label", "body-1-regular"], ["appearance", "outline"], ["matInput", "", 3, "change", "formControlName", "matAutocomplete"], [3, "optionSelected", "displayWith"], [1, "filing-form-group-select-option", 3, "value"], ["disabled", ""], ["matSuffix", "", 1, "suffix-container"], ["matSuffix", ""], ["mat-icon-button", "", 3, "click"], [1, "arrow-icon"], [3, "change", "formControlName"], [1, "body-1-regular", "black"], ["matSuffix", "", 1, "filling-form-fields-item-icon", 3, "warning"], [1, "filling-form-fields-item-hint", 3, "warning"], ["matSuffix", "", 1, "filling-form-fields-item-icon"], [1, "filling-form-fields-item-hint"], [1, "filling-form-fields-item-label", "body-1-regular", 3, "id"], [1, "filling-form-fields-radio-group", 3, "change", "formControlName"], [3, "value"], [3, "options", "control", "required"], [1, "filling-form-fields-item-label", "body-1-regular", 3, "warning"], ["matInput", "", 3, "dateChange", "matDatepicker", "formControlName"], ["matSuffix", "", 3, "for"], ["matDatepickerToggleIcon", ""], ["matInput", "", 3, "input", "type", "readonly", "formControlName"], ["matInput", "", 3, "change", "readonly", "formControlName"], [3, "formControlName", "items"], [1, "filling-form-fields-item-text", "body-1-regular", "grey", 3, "last", "class", "innerHTML"], [1, "filling-form-fields-item-text", "body-1-regular", "grey", 3, "innerHTML"]], template: function FilingFormGroupComponent_Template(rf, ctx) {
+        ])], decls: 6, vars: 4, consts: [["autocompleteRef", "matAutocomplete"], ["picker", ""], [1, "filling-form-fields", 3, "formGroup"], [3, "class"], [3, "last", "class"], [3, "class", "warning"], [3, "warning", "class"], [3, "class", "formControlName", "items"], [1, "filling-form-fields-item-label", "body-1-regular"], ["appearance", "outline"], ["matInput", "", 3, "change", "formControlName", "matAutocomplete"], [3, "optionSelected", "displayWith"], [1, "filing-form-group-select-option", 3, "value"], ["disabled", ""], ["matSuffix", "", 1, "suffix-container"], ["matSuffix", ""], ["mat-icon-button", "", 3, "click"], [1, "arrow-icon"], [3, "change", "formControlName"], [1, "body-1-regular", "black"], ["matSuffix", "", 1, "filling-form-fields-item-icon", 3, "warning"], [1, "filling-form-fields-item-hint", 3, "warning"], ["matSuffix", "", 1, "filling-form-fields-item-icon"], [1, "filling-form-fields-item-hint"], [1, "filling-form-fields-item-label", "body-1-regular", 3, "id"], [1, "filling-form-fields-radio-group", 3, "change", "formControlName"], [3, "value"], [3, "options", "control", "required"], [1, "filling-form-fields-item-label", "body-1-regular", 3, "warning"], ["matInput", "", 3, "dateChange", "matDatepicker", "formControlName"], ["matSuffix", "", 3, "for"], ["matDatepickerToggleIcon", ""], ["tabindex", "0", 1, "filling-form-fields-item-info"], ["matInput", "", 3, "input", "type", "readonly", "formControlName"], [1, "filling-form-fields-item-info-tooltip"], ["matInput", "", 3, "change", "readonly", "formControlName"], [3, "formControlName", "items"], [1, "filling-form-fields-item-text", "body-1-regular", "grey", 3, "last", "body-1-semibold", "class", "innerHTML"], [1, "filling-form-fields-item-text", "body-1-regular", "grey", 3, "innerHTML"]], template: function FilingFormGroupComponent_Template(rf, ctx) {
           if (rf & 1) {
             \u0275\u0275declareLet(0)(1);
             \u0275\u0275elementStart(2, "section")(3, "div", 2);
@@ -80415,7 +80468,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           MatRadioButton,
           TranslatePipe,
           CheckboxListComponent
-        ], 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%]     .filling-form-fields-radio {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio-group {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 24px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio .mdc-form-field > label {\n  padding-left: 0;\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-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-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n  border-color: #E22222 !important;\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%]     input {\n  font-size: 14px !important;\n  color: var(--filing-modal-color-grey) !important;\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 });
+        ], 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%]     .filling-form-fields-radio {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio-group {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 24px;\n}\n[_nghost-%COMP%]   .filling-form-fields[_ngcontent-%COMP%]     .filling-form-fields-radio .mdc-form-field > label {\n  padding-left: 0;\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-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-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n  border-color: #E22222 !important;\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%]     input {\n  font-size: 14px !important;\n  color: var(--filing-modal-color-grey) !important;\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 });
       };
       (() => {
         (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(FilingFormGroupComponent, [{
@@ -80630,19 +80683,36 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               @if (field.label) {\r
                 <span\r
                   [class.warning]="!!previousValue"\r
+                  [class.body-1-semibold]="field.bold"\r
                   class="filling-form-fields-item-label body-1-regular"\r
                 >\r
                     {{ (field.label | translate) + (field.required ? " *" : "") }}\r
+                    @if (field.infoText) {\r
+                      <span class="filling-form-fields-item-info" tabindex="0">\r
+                        <mat-icon>info</mat-icon>\r
+                        <span class="filling-form-fields-item-info-tooltip">\r
+                          @if (field.infoTitle) {\r
+                            <strong>{{ field.infoTitle | translate }}</strong>\r
+                          }\r
+                          <span>{{ field.infoText | translate }}</span>\r
+                        </span>\r
+                      </span>\r
+                    }\r
                   </span>\r
 \r
                 <mat-form-field appearance="outline">\r
                   <input\r
                     matInput\r
                     [type]="field.inputType ?? 'text'"\r
+                    [attr.maxlength]="field.maxLength ?? null"\r
                     [readonly]="field.readonly"\r
                     [formControlName]="field.formControlName"\r
                     (input)="field.onChange && field.onChange(form)"\r
                   />\r
+\r
+                  @if (field.hint) {\r
+                    <mat-hint>{{ field.hint | translate }}</mat-hint>\r
+                  }\r
 \r
                   @if (previousValue != null) {\r
                     <mat-hint\r
@@ -80690,7 +80760,13 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
           @case (types.Text) {\r
             @let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn, prevData()) : field.label;\r
             @if (label) {\r
-              <p [class.last]="last" class="filling-form-fields-item-text body-1-regular grey" [class]="field.class" [innerHTML]="label" ></p>\r
+              <p\r
+                [class.last]="last"\r
+                [class.body-1-semibold]="field.bold"\r
+                class="filling-form-fields-item-text body-1-regular grey"\r
+                [class]="field.class"\r
+                [innerHTML]="label"\r
+              ></p>\r
             }\r
           }\r
         }\r
@@ -80698,7 +80774,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
     }\r
   </div>\r
 </section>\r
-`, 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 .filling-form-fields-radio {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio-group {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 24px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio .mdc-form-field > label {\n  padding-left: 0;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-arrow-wrapper {\n  display: none;\n}\n:host .filling-form-fields ::ng-deep .suffix-container {\n  display: flex;\n  align-items: center;\n  padding-right: 12px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix {\n  display: flex;\n  align-items: center;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-icon-suffix .mat-icon {\n  display: flex;\n  align-items: center;\n}\n:host .filling-form-fields ::ng-deep .arrow-icon {\n  pointer-events: none;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-form-field-infix {\n  display: flex !important;\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n  font-size: 14px !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-label {\n  font-size: 14px !important;\n}\n:host .filling-form-fields-checkbox {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  line-height: 2rem;\n}\n:host .filling-form-fields-checkbox:not(.last) {\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-checkbox-text {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  line-height: 20px;\n  color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-empty {\n  width: 100%;\n  height: 80px;\n}\n:host .filling-form-fields-item {\n  --mat-sys-primary: #6b6f76;\n  --mat-sys-primary-container: #e4e5e8;\n  --mat-sys-surface-tint: #6b6f76;\n  --mat-sys-outline: #c7c9cf;\n  --mat-sys-outline-variant: #dfe1e6;\n  --mdc-icon-button-state-layer-size: 36px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-text-field-wrapper {\n  padding: 0 !important;\n}\n:host .filling-form-fields-item.text-area ::ng-deep .mat-mdc-input-element {\n  padding: 0 12px;\n  min-height: 230px !important;\n  max-height: 230px !important;\n}\n:host .filling-form-fields-item-text {\n  font-size: 14px !important;\n}\n:host .filling-form-fields-item-text:not(.last) {\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-item-hint {\n  display: flex;\n  align-items: center;\n  font-size: 12px;\n}\n:host .filling-form-fields-item.warning {\n  --mdc-outlined-text-field-outline-color: #845400;\n  --mdc-outlined-text-field-outline-width: 2px;\n  --mat-sys-on-surface: #845400;\n  color: #845400;\n  padding-bottom: 16px;\n}\n:host .filling-form-fields-item-label {\n  color: var(--filing-modal-color-grey);\n}\n:host .filling-form-fields-item-label.warning {\n  color: #845400;\n}\n:host .filling-form-fields-item-hint.warning {\n  color: #845400;\n}\n:host .filling-form-fields-item-icon {\n  font-size: 22px;\n  line-height: 22px;\n  height: 22px;\n  width: 22px;\n}\n:host .filling-form-fields-item-icon.warning {\n  color: #845400;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n  border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid {\n  padding: 0 0 12px;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__leading {\n  border-color: #ff3e3e !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__trailing {\n  border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n  color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n  padding: 0;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error {\n  color: #E22222 !important;\n  font-size: 12px;\n  font-family: "Open Sans";\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-select-arrow {\n  color: #E22222 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-icon {\n  color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__leading {\n  border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__trailing {\n  border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-datepicker-toggle-default-icon {\n  color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-form-field-error {\n  display: none;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-select-arrow {\n  color: #d6d6d6 !important;\n}\n:host .filling-form-fields ::ng-deep {\n  --mat-form-field-container-vertical-padding: 6px;\n  --mat-form-field-container-height: 36px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n  line-height: 18px;\n}\n:host .filling-form-fields ::ng-deep input,\n:host .filling-form-fields ::ng-deep textarea {\n  font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n  font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mdc-text-field--disabled {\n  background-color: #F5F5F5 !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__leading {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__trailing {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-icon-button .mat-icon {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n:host .span-1 {\n  grid-column: span 1;\n}\n:host .span-2 {\n  grid-column: span 2;\n}\n:host .span-3 {\n  grid-column: span 3;\n}\n:host .span-4 {\n  grid-column: span 4;\n}\n:host .span-5 {\n  grid-column: span 5;\n}\n:host .span-6 {\n  grid-column: span 6;\n}\n:host .span-8 {\n  grid-column: span 8;\n}\n:host .span-12 {\n  grid-column: span 12;\n}\n:host .column-1 {\n  grid-column: 1/span 2;\n}\n:host .column-2 {\n  grid-column: 1/span 4;\n}\n:host .column-3 {\n  grid-column: 1/span 6;\n}\n:host ::ng-deep input {\n  font-size: 14px !important;\n  color: var(--filing-modal-color-grey) !important;\n}\n.filing-form-group-select-option {\n  background: white !important;\n}\n.filing-form-group-select-option ::ng-deep .mat-pseudo-checkbox-checked {\n  background: transparent !important;\n}\n.filing-form-group-select-option ::ng-deep .mdc-list-item__primary-text {\n  font-family: "Open Sans";\n  font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */\n'] }]
+`, 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 .filling-form-fields-radio {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-bottom: 8px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio-group {\n  display: flex;\n  flex-wrap: wrap;\n  column-gap: 24px;\n}\n:host .filling-form-fields ::ng-deep .filling-form-fields-radio .mdc-form-field > label {\n  padding-left: 0;\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-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-mdc-checkbox.ng-invalid .mdc-checkbox__background {\n  border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid {\n  padding: 0 0 12px;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__leading {\n  border-color: #ff3e3e !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mdc-notched-outline__trailing {\n  border-color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-datepicker-toggle-default-icon {\n  color: #E22222 !important;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error-wrapper {\n  padding: 0;\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-form-field-error {\n  color: #E22222 !important;\n  font-size: 12px;\n  font-family: "Open Sans";\n}\n:host .filling-form-fields.submitted ::ng-deep .mat-form-field-invalid .mat-mdc-select-arrow {\n  color: #E22222 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-icon {\n  color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__leading {\n  border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mdc-notched-outline__trailing {\n  border-color: #d6d6d6 !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-datepicker-toggle-default-icon {\n  color: #4a4a4a !important;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-form-field-error {\n  display: none;\n}\n:host .filling-form-fields:not(.submitted) ::ng-deep .mat-mdc-select-arrow {\n  color: #d6d6d6 !important;\n}\n:host .filling-form-fields ::ng-deep {\n  --mat-form-field-container-vertical-padding: 6px;\n  --mat-form-field-container-height: 36px;\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value {\n  line-height: 18px;\n}\n:host .filling-form-fields ::ng-deep input,\n:host .filling-form-fields ::ng-deep textarea {\n  font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mat-mdc-select-value-text {\n  font-family: "Open Sans";\n}\n:host .filling-form-fields ::ng-deep .mdc-text-field--disabled {\n  background-color: #F5F5F5 !important;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__leading {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-notched-outline__trailing {\n  border-width: 1px !important;\n  border-color: #d6d6d6 !important;\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n:host .filling-form-fields ::ng-deep .mdc-icon-button .mat-icon {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n:host .span-1 {\n  grid-column: span 1;\n}\n:host .span-2 {\n  grid-column: span 2;\n}\n:host .span-3 {\n  grid-column: span 3;\n}\n:host .span-4 {\n  grid-column: span 4;\n}\n:host .span-5 {\n  grid-column: span 5;\n}\n:host .span-6 {\n  grid-column: span 6;\n}\n:host .span-8 {\n  grid-column: span 8;\n}\n:host .span-12 {\n  grid-column: span 12;\n}\n:host .column-1 {\n  grid-column: 1/span 2;\n}\n:host .column-2 {\n  grid-column: 1/span 4;\n}\n:host .column-3 {\n  grid-column: 1/span 6;\n}\n:host ::ng-deep input {\n  font-size: 14px !important;\n  color: var(--filing-modal-color-grey) !important;\n}\n.filing-form-group-select-option {\n  background: white !important;\n}\n.filing-form-group-select-option ::ng-deep .mat-pseudo-checkbox-checked {\n  background: transparent !important;\n}\n.filing-form-group-select-option ::ng-deep .mdc-list-item__primary-text {\n  font-family: "Open Sans";\n  font-size: 14px !important;\n}\n/*# sourceMappingURL=filing-form-group.component.css.map */\n'] }]
         }], () => [], null);
       })();
       (() => {
@@ -86742,7 +86818,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       init_form_enums();
       init_federal_form_enum();
       init_FederalConstants();
-      init_common_constants();
       init_common_utils();
       dynamicOptionsCache = /* @__PURE__ */ new Map();
       FEDERAL_INCORPORATION_TYPE_OPTIONS = Object.values(NameType2).filter((v) => typeof v === "number").map((v) => ({ label: NameTypeLabel2[v], value: v }));
@@ -87209,12 +87284,30 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
       GENERATE_FEDERAL_FORMATION_FORM_EXTRA_PROVINCIAL_LICENSES = (addressMap, affiliationsMap) => {
         return [
           {
-            type: FormType.Select,
-            label: "Business Activity",
+            type: FormType.Text,
+            label: "Business activity:",
+            formControlName: "",
+            class: "span-12",
+            bold: true
+          },
+          {
+            type: FormType.Input,
+            label: "NAICS (North American Industry Classification) Code",
             formControlName: FederalFormationFormControl.BusinessActivities,
-            options: NAICS_CODES,
             class: "span-12",
-            required: true
+            required: true,
+            bold: true,
+            maxLength: 4,
+            infoTitle: "4-digit limit",
+            infoText: "Corporations Canada limits the NAICS code to 4 digits.",
+            errorMessage: "Enter a NAICS code up to 4 digits",
+            onChange: (form) => {
+              const control = form.get(FederalFormationFormControl.BusinessActivities);
+              const value = String(control?.value ?? "").replace(/\D/g, "").slice(0, 4);
+              if (control?.value !== value) {
+                control?.setValue(value, { emitEvent: false });
+              }
+            }
           },
           {
             type: FormType.Text,
@@ -87252,6 +87345,12 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
             label: "Use a different address for service",
             formControlName: FederalFormationFormControl.UseDifferentAddressForService,
             required: false,
+            onChange: (form) => {
+              if (form.get(FederalFormationFormControl.UseDifferentAddressForService)?.value)
+                return;
+              form.get(FederalFormationFormControl.ServiceAddressUid)?.reset(null, { emitEvent: false });
+              form.get(FederalFormationFormControl.ContactInOntario)?.reset(null, { emitEvent: false });
+            },
             class: "span-12"
           },
           {
@@ -87774,11 +87873,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               [FormationFormControls.Province]: new FormControl(eplRegisteredOffice?.addresses?.[0]?.province_state),
               [FederalFormationFormControl.RegistrationDate]: new FormControl({ value: data.registration_date ?? null, disabled: true }),
               [FederalFormationFormControl.OfficialEmail]: new FormControl({ value: officialEmail, disabled: true }),
-              [FederalFormationFormControl.BusinessActivities]: new FormControl(deltaData?.businessActivity ?? null, Validators.required),
+              [FederalFormationFormControl.BusinessActivities]: new FormControl(deltaData?.businessActivity ?? null, [Validators.required, Validators.pattern(/^\d{1,4}$/)]),
               [FederalFormationFormControl.PrincipalOfficeInOntario]: new FormControl(deltaData?.principalOfficeAddressUid ?? null, Validators.required),
               [FederalFormationFormControl.UseDifferentAddressForService]: new FormControl(!!deltaData?.serviceAddressUid),
               [FederalFormationFormControl.ServiceAddressUid]: new FormControl(deltaData?.serviceAddressUid ?? null),
-              [FederalFormationFormControl.ContactInOntario]: new FormControl(null, Validators.required),
+              [FederalFormationFormControl.ContactInOntario]: new FormControl(deltaData?.contactUid ?? null, Validators.required),
               [FederalFormationFormControl.ChiefOfficerManagerInOntario]: new FormControl(deltaData?.chiefManagerUid ?? null),
               [FederalFormationFormControl.PersonAuthorizingTheFiling]: new FormControl(deltaData?.signatoryUid ?? null, Validators.required),
               [FederalFormationFormControl.Role]: new FormControl(deltaData?.signatoryRole ?? null, Validators.required)
@@ -90724,14 +90823,20 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
               throw uploadError([`Supporting document upload returned ${resp.status} ${resp.statusText}: ${raw || "(empty response)"}`], resp.status);
             }
             const result = unwrapRequestResults(parsed.value);
-            const failedFiles = (result?.FileUploadResponses ?? []).filter((f) => !isUploadSuccess(f.Status));
-            if (resp.ok && isUploadSuccess(result?.Status) && !failedFiles.length) {
+            const fileResults = result?.FileUploadResponses ?? [];
+            const failedFiles = fileResults.filter((f) => !isUploadSuccess(f.Status));
+            const reportedNames = new Set(fileResults.map((f) => (f.FileName ?? "").toLowerCase()));
+            const unconfirmedNames = files.map(({ document: document2 }) => toPdfFileName(document2.name)).filter((name) => !reportedNames.has(name.toLowerCase()));
+            const allFilesConfirmed = fileResults.length === files.length && !failedFiles.length;
+            if (resp.ok && isUploadSuccess(result?.Status) && allFilesConfirmed) {
               return;
             }
-            const messages = [
+            const reportedFailures = [
               ...(result?.Errors ?? []).map((e) => e.ErrorMessage ?? e.ErrorId ?? ""),
               ...failedFiles.flatMap((f) => (f.Errors?.length ? f.Errors : [{}]).map((e) => `Upload of "${f.FileName ?? "document"}" failed${e.ErrorMessage ? `: ${e.ErrorMessage}` : "."}`))
             ].filter(Boolean);
+            const missingConfirmations = reportedFailures.length || fileResults.length === files.length ? [] : unconfirmedNames.length ? unconfirmedNames.map((name) => `Upload of "${name}" was not confirmed by the registry.`) : [`The registry confirmed ${fileResults.length} of ${files.length} uploaded documents.`];
+            const messages = [...reportedFailures, ...missingConfirmations];
             throw uploadError(messages.length ? messages : [`Supporting document upload failed (HTTP ${resp.status}).`], resp.status);
           });
         }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dyedurham/search-and-file-widget",
-  "version": "2.0.48",
+  "version": "2.0.49",
   "description": "",
   "main": "dnd-filing-shell.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "",
-  "license": "ISC"
-}
+  "license": "ISC"
+}