@dyedurham/search-and-file-widget 2.0.47 → 2.0.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dnd-filing-shell.js +227 -73
- package/package.json +10 -10
package/dnd-filing-shell.js
CHANGED
|
@@ -80058,7 +80058,53 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
80058
80058
|
\u0275\u0275textInterpolate(\u0275\u0275pipeBind1(12, 11, field_r3.label) + " " + \u0275\u0275pipeBind1(13, 13, "is required"));
|
|
80059
80059
|
}
|
|
80060
80060
|
}
|
|
80061
|
-
function
|
|
80061
|
+
function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_3_Conditional_4_Template(rf, ctx) {
|
|
80062
|
+
if (rf & 1) {
|
|
80063
|
+
\u0275\u0275elementStart(0, "strong");
|
|
80064
|
+
\u0275\u0275text(1);
|
|
80065
|
+
\u0275\u0275pipe(2, "translate");
|
|
80066
|
+
\u0275\u0275elementEnd();
|
|
80067
|
+
}
|
|
80068
|
+
if (rf & 2) {
|
|
80069
|
+
const field_r3 = \u0275\u0275nextContext(5).$implicit;
|
|
80070
|
+
\u0275\u0275advance();
|
|
80071
|
+
\u0275\u0275textInterpolate(\u0275\u0275pipeBind1(2, 1, field_r3.infoTitle));
|
|
80072
|
+
}
|
|
80073
|
+
}
|
|
80074
|
+
function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_3_Template(rf, ctx) {
|
|
80075
|
+
if (rf & 1) {
|
|
80076
|
+
\u0275\u0275elementStart(0, "span", 32)(1, "mat-icon");
|
|
80077
|
+
\u0275\u0275text(2, "info");
|
|
80078
|
+
\u0275\u0275elementEnd();
|
|
80079
|
+
\u0275\u0275elementStart(3, "span", 34);
|
|
80080
|
+
\u0275\u0275template(4, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_3_Conditional_4_Template, 3, 3, "strong");
|
|
80081
|
+
\u0275\u0275elementStart(5, "span");
|
|
80082
|
+
\u0275\u0275text(6);
|
|
80083
|
+
\u0275\u0275pipe(7, "translate");
|
|
80084
|
+
\u0275\u0275elementEnd()()();
|
|
80085
|
+
}
|
|
80086
|
+
if (rf & 2) {
|
|
80087
|
+
const field_r3 = \u0275\u0275nextContext(4).$implicit;
|
|
80088
|
+
\u0275\u0275advance(4);
|
|
80089
|
+
\u0275\u0275conditional(field_r3.infoTitle ? 4 : -1);
|
|
80090
|
+
\u0275\u0275advance(2);
|
|
80091
|
+
\u0275\u0275textInterpolate(\u0275\u0275pipeBind1(7, 2, field_r3.infoText));
|
|
80092
|
+
}
|
|
80093
|
+
}
|
|
80094
|
+
function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_6_Template(rf, ctx) {
|
|
80095
|
+
if (rf & 1) {
|
|
80096
|
+
\u0275\u0275elementStart(0, "mat-hint");
|
|
80097
|
+
\u0275\u0275text(1);
|
|
80098
|
+
\u0275\u0275pipe(2, "translate");
|
|
80099
|
+
\u0275\u0275elementEnd();
|
|
80100
|
+
}
|
|
80101
|
+
if (rf & 2) {
|
|
80102
|
+
const field_r3 = \u0275\u0275nextContext(4).$implicit;
|
|
80103
|
+
\u0275\u0275advance();
|
|
80104
|
+
\u0275\u0275textInterpolate(\u0275\u0275pipeBind1(2, 1, field_r3.hint));
|
|
80105
|
+
}
|
|
80106
|
+
}
|
|
80107
|
+
function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_7_Template(rf, ctx) {
|
|
80062
80108
|
if (rf & 1) {
|
|
80063
80109
|
\u0275\u0275elementStart(0, "mat-hint", 23);
|
|
80064
80110
|
\u0275\u0275text(1);
|
|
@@ -80073,7 +80119,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
80073
80119
|
\u0275\u0275textInterpolate2("", \u0275\u0275pipeBind1(2, 4, "Previously saved value"), ": ", previousValue_r13, "");
|
|
80074
80120
|
}
|
|
80075
80121
|
}
|
|
80076
|
-
function
|
|
80122
|
+
function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_8_Template(rf, ctx) {
|
|
80077
80123
|
if (rf & 1) {
|
|
80078
80124
|
\u0275\u0275elementStart(0, "mat-icon", 22);
|
|
80079
80125
|
\u0275\u0275text(1, "warning_amber");
|
|
@@ -80089,9 +80135,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
80089
80135
|
\u0275\u0275elementStart(0, "span", 8);
|
|
80090
80136
|
\u0275\u0275text(1);
|
|
80091
80137
|
\u0275\u0275pipe(2, "translate");
|
|
80138
|
+
\u0275\u0275template(3, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Conditional_3_Template, 8, 4, "span", 32);
|
|
80092
80139
|
\u0275\u0275elementEnd();
|
|
80093
|
-
\u0275\u0275elementStart(
|
|
80094
|
-
\u0275\u0275listener("input", function
|
|
80140
|
+
\u0275\u0275elementStart(4, "mat-form-field", 9)(5, "input", 33);
|
|
80141
|
+
\u0275\u0275listener("input", function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template_input_input_5_listener() {
|
|
80095
80142
|
\u0275\u0275restoreView(_r22);
|
|
80096
80143
|
const field_r3 = \u0275\u0275nextContext(3).$implicit;
|
|
80097
80144
|
\u0275\u0275nextContext();
|
|
@@ -80099,36 +80146,42 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
80099
80146
|
return \u0275\u0275resetView(field_r3.onChange && field_r3.onChange(form_r4));
|
|
80100
80147
|
});
|
|
80101
80148
|
\u0275\u0275elementEnd();
|
|
80102
|
-
\u0275\u0275template(
|
|
80103
|
-
\u0275\u0275elementStart(
|
|
80104
|
-
\u0275\u0275text(
|
|
80105
|
-
\u0275\u0275pipe(9, "translate");
|
|
80106
|
-
\u0275\u0275pipe(10, "translate");
|
|
80149
|
+
\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);
|
|
80150
|
+
\u0275\u0275elementStart(9, "mat-error");
|
|
80151
|
+
\u0275\u0275text(10);
|
|
80107
80152
|
\u0275\u0275pipe(11, "translate");
|
|
80153
|
+
\u0275\u0275pipe(12, "translate");
|
|
80154
|
+
\u0275\u0275pipe(13, "translate");
|
|
80108
80155
|
\u0275\u0275elementEnd()();
|
|
80109
80156
|
}
|
|
80110
80157
|
if (rf & 2) {
|
|
80111
|
-
let
|
|
80158
|
+
let tmp_21_0;
|
|
80159
|
+
let tmp_24_0;
|
|
80112
80160
|
\u0275\u0275nextContext(2);
|
|
80113
80161
|
const previousValue_r13 = \u0275\u0275readContextLet(0);
|
|
80114
80162
|
const field_r3 = \u0275\u0275nextContext().$implicit;
|
|
80115
|
-
\u0275\u0275classProp("warning", !!previousValue_r13);
|
|
80163
|
+
\u0275\u0275classProp("warning", !!previousValue_r13)("body-1-semibold", field_r3.bold);
|
|
80116
80164
|
\u0275\u0275advance();
|
|
80117
|
-
\u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(2,
|
|
80118
|
-
\u0275\u0275advance(
|
|
80119
|
-
\u0275\
|
|
80165
|
+
\u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(2, 14, field_r3.label) + (field_r3.required ? " *" : ""), " ");
|
|
80166
|
+
\u0275\u0275advance(2);
|
|
80167
|
+
\u0275\u0275conditional(field_r3.infoText ? 3 : -1);
|
|
80168
|
+
\u0275\u0275advance(2);
|
|
80169
|
+
\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);
|
|
80170
|
+
\u0275\u0275attribute("maxlength", (tmp_24_0 = field_r3.maxLength) !== null && tmp_24_0 !== void 0 ? tmp_24_0 : null);
|
|
80120
80171
|
\u0275\u0275advance();
|
|
80121
|
-
\u0275\u0275conditional(
|
|
80172
|
+
\u0275\u0275conditional(field_r3.hint ? 6 : -1);
|
|
80173
|
+
\u0275\u0275advance();
|
|
80174
|
+
\u0275\u0275conditional(previousValue_r13 != null ? 7 : -1);
|
|
80122
80175
|
\u0275\u0275advance();
|
|
80123
|
-
\u0275\u0275conditional(previousValue_r13 != null ?
|
|
80176
|
+
\u0275\u0275conditional(previousValue_r13 != null ? 8 : -1);
|
|
80124
80177
|
\u0275\u0275advance(2);
|
|
80125
|
-
\u0275\u0275textInterpolate(field_r3.errorMessage ? \u0275\u0275pipeBind1(
|
|
80178
|
+
\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"));
|
|
80126
80179
|
}
|
|
80127
80180
|
}
|
|
80128
80181
|
function FilingFormGroupComponent_For_5_Conditional_0_Case_7_Template(rf, ctx) {
|
|
80129
80182
|
if (rf & 1) {
|
|
80130
80183
|
\u0275\u0275elementStart(0, "div");
|
|
80131
|
-
\u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template,
|
|
80184
|
+
\u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_7_Conditional_1_Template, 14, 22);
|
|
80132
80185
|
\u0275\u0275elementEnd();
|
|
80133
80186
|
}
|
|
80134
80187
|
if (rf & 2) {
|
|
@@ -80149,7 +80202,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
80149
80202
|
\u0275\u0275text(1);
|
|
80150
80203
|
\u0275\u0275pipe(2, "translate");
|
|
80151
80204
|
\u0275\u0275elementEnd();
|
|
80152
|
-
\u0275\u0275elementStart(3, "mat-form-field", 9)(4, "textarea",
|
|
80205
|
+
\u0275\u0275elementStart(3, "mat-form-field", 9)(4, "textarea", 35);
|
|
80153
80206
|
\u0275\u0275listener("change", function FilingFormGroupComponent_For_5_Conditional_0_Case_8_Conditional_1_Template_textarea_change_4_listener() {
|
|
80154
80207
|
\u0275\u0275restoreView(_r23);
|
|
80155
80208
|
const field_r3 = \u0275\u0275nextContext(3).$implicit;
|
|
@@ -80183,7 +80236,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
80183
80236
|
}
|
|
80184
80237
|
function FilingFormGroupComponent_For_5_Conditional_0_Case_9_Template(rf, ctx) {
|
|
80185
80238
|
if (rf & 1) {
|
|
80186
|
-
\u0275\u0275element(0, "checkbox-list",
|
|
80239
|
+
\u0275\u0275element(0, "checkbox-list", 36);
|
|
80187
80240
|
}
|
|
80188
80241
|
if (rf & 2) {
|
|
80189
80242
|
let tmp_18_0;
|
|
@@ -80194,7 +80247,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
80194
80247
|
}
|
|
80195
80248
|
function FilingFormGroupComponent_For_5_Conditional_0_Case_10_Conditional_1_Template(rf, ctx) {
|
|
80196
80249
|
if (rf & 1) {
|
|
80197
|
-
\u0275\u0275element(0, "p",
|
|
80250
|
+
\u0275\u0275element(0, "p", 38);
|
|
80198
80251
|
}
|
|
80199
80252
|
if (rf & 2) {
|
|
80200
80253
|
\u0275\u0275nextContext();
|
|
@@ -80204,14 +80257,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
80204
80257
|
const \u0275$index_7_r15 = ctx_r13.$index;
|
|
80205
80258
|
const \u0275$count_7_r16 = ctx_r13.$count;
|
|
80206
80259
|
\u0275\u0275classMap(field_r3.class);
|
|
80207
|
-
\u0275\u0275classProp("last", \u0275$index_7_r15 === \u0275$count_7_r16 - 1);
|
|
80260
|
+
\u0275\u0275classProp("last", \u0275$index_7_r15 === \u0275$count_7_r16 - 1)("body-1-semibold", field_r3.bold);
|
|
80208
80261
|
\u0275\u0275property("innerHTML", label_r24, \u0275\u0275sanitizeHtml);
|
|
80209
80262
|
}
|
|
80210
80263
|
}
|
|
80211
80264
|
function FilingFormGroupComponent_For_5_Conditional_0_Case_10_Template(rf, ctx) {
|
|
80212
80265
|
if (rf & 1) {
|
|
80213
80266
|
\u0275\u0275declareLet(0);
|
|
80214
|
-
\u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_10_Conditional_1_Template, 1,
|
|
80267
|
+
\u0275\u0275template(1, FilingFormGroupComponent_For_5_Conditional_0_Case_10_Conditional_1_Template, 1, 7, "p", 37);
|
|
80215
80268
|
}
|
|
80216
80269
|
if (rf & 2) {
|
|
80217
80270
|
const field_r3 = \u0275\u0275nextContext(2).$implicit;
|
|
@@ -80363,7 +80416,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
80363
80416
|
{ provide: DateAdapter, useClass: MomentDateAdapter },
|
|
80364
80417
|
{ provide: MAT_DATE_FORMATS, useValue: MY_DATE_FORMATS },
|
|
80365
80418
|
{ provide: MAT_DATE_LOCALE, useValue: "en-GB" }
|
|
80366
|
-
])], 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) {
|
|
80419
|
+
])], 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) {
|
|
80367
80420
|
if (rf & 1) {
|
|
80368
80421
|
\u0275\u0275declareLet(0)(1);
|
|
80369
80422
|
\u0275\u0275elementStart(2, "section")(3, "div", 2);
|
|
@@ -80415,7 +80468,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
80415
80468
|
MatRadioButton,
|
|
80416
80469
|
TranslatePipe,
|
|
80417
80470
|
CheckboxListComponent
|
|
80418
|
-
], 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 });
|
|
80471
|
+
], 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 });
|
|
80419
80472
|
};
|
|
80420
80473
|
(() => {
|
|
80421
80474
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(FilingFormGroupComponent, [{
|
|
@@ -80630,19 +80683,36 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
80630
80683
|
@if (field.label) {\r
|
|
80631
80684
|
<span\r
|
|
80632
80685
|
[class.warning]="!!previousValue"\r
|
|
80686
|
+
[class.body-1-semibold]="field.bold"\r
|
|
80633
80687
|
class="filling-form-fields-item-label body-1-regular"\r
|
|
80634
80688
|
>\r
|
|
80635
80689
|
{{ (field.label | translate) + (field.required ? " *" : "") }}\r
|
|
80690
|
+
@if (field.infoText) {\r
|
|
80691
|
+
<span class="filling-form-fields-item-info" tabindex="0">\r
|
|
80692
|
+
<mat-icon>info</mat-icon>\r
|
|
80693
|
+
<span class="filling-form-fields-item-info-tooltip">\r
|
|
80694
|
+
@if (field.infoTitle) {\r
|
|
80695
|
+
<strong>{{ field.infoTitle | translate }}</strong>\r
|
|
80696
|
+
}\r
|
|
80697
|
+
<span>{{ field.infoText | translate }}</span>\r
|
|
80698
|
+
</span>\r
|
|
80699
|
+
</span>\r
|
|
80700
|
+
}\r
|
|
80636
80701
|
</span>\r
|
|
80637
80702
|
\r
|
|
80638
80703
|
<mat-form-field appearance="outline">\r
|
|
80639
80704
|
<input\r
|
|
80640
80705
|
matInput\r
|
|
80641
80706
|
[type]="field.inputType ?? 'text'"\r
|
|
80707
|
+
[attr.maxlength]="field.maxLength ?? null"\r
|
|
80642
80708
|
[readonly]="field.readonly"\r
|
|
80643
80709
|
[formControlName]="field.formControlName"\r
|
|
80644
80710
|
(input)="field.onChange && field.onChange(form)"\r
|
|
80645
80711
|
/>\r
|
|
80712
|
+
\r
|
|
80713
|
+
@if (field.hint) {\r
|
|
80714
|
+
<mat-hint>{{ field.hint | translate }}</mat-hint>\r
|
|
80715
|
+
}\r
|
|
80646
80716
|
\r
|
|
80647
80717
|
@if (previousValue != null) {\r
|
|
80648
80718
|
<mat-hint\r
|
|
@@ -80690,7 +80760,13 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
80690
80760
|
@case (types.Text) {\r
|
|
80691
80761
|
@let label = field.dynamicLabel ? field.dynamicLabel(form, translateFn, prevData()) : field.label;\r
|
|
80692
80762
|
@if (label) {\r
|
|
80693
|
-
<p
|
|
80763
|
+
<p\r
|
|
80764
|
+
[class.last]="last"\r
|
|
80765
|
+
[class.body-1-semibold]="field.bold"\r
|
|
80766
|
+
class="filling-form-fields-item-text body-1-regular grey"\r
|
|
80767
|
+
[class]="field.class"\r
|
|
80768
|
+
[innerHTML]="label"\r
|
|
80769
|
+
></p>\r
|
|
80694
80770
|
}\r
|
|
80695
80771
|
}\r
|
|
80696
80772
|
}\r
|
|
@@ -80698,7 +80774,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
80698
80774
|
}\r
|
|
80699
80775
|
</div>\r
|
|
80700
80776
|
</section>\r
|
|
80701
|
-
`, 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'] }]
|
|
80777
|
+
`, 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'] }]
|
|
80702
80778
|
}], () => [], null);
|
|
80703
80779
|
})();
|
|
80704
80780
|
(() => {
|
|
@@ -86742,7 +86818,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
86742
86818
|
init_form_enums();
|
|
86743
86819
|
init_federal_form_enum();
|
|
86744
86820
|
init_FederalConstants();
|
|
86745
|
-
init_common_constants();
|
|
86746
86821
|
init_common_utils();
|
|
86747
86822
|
dynamicOptionsCache = /* @__PURE__ */ new Map();
|
|
86748
86823
|
FEDERAL_INCORPORATION_TYPE_OPTIONS = Object.values(NameType2).filter((v) => typeof v === "number").map((v) => ({ label: NameTypeLabel2[v], value: v }));
|
|
@@ -86778,6 +86853,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
86778
86853
|
form.get(FederalFormationFormControl.ClienteleMarketType)?.setValue("", { emitEvent: false });
|
|
86779
86854
|
form.get(FederalFormationFormControl.KeywordOrigin)?.setValue("", { emitEvent: false });
|
|
86780
86855
|
form.get(FederalFormationFormControl.SimilarNamesSearchedOrRegistered)?.setValue("", { emitEvent: false });
|
|
86856
|
+
form.get(FederalFormationFormControl.SecondaryReservationNumber)?.setValue("", { emitEvent: false });
|
|
86857
|
+
form.get(FederalFormationFormControl.SecondaryReservationDate)?.setValue("", { emitEvent: false });
|
|
86781
86858
|
}
|
|
86782
86859
|
if (incorporationType !== NameType2.Numbered) {
|
|
86783
86860
|
form.get(FederalFormationFormControl.LegalElement)?.setValue("", { emitEvent: false });
|
|
@@ -86793,6 +86870,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
86793
86870
|
form.get(FederalFormationFormControl.ClienteleMarketType)?.updateValueAndValidity({ emitEvent: false });
|
|
86794
86871
|
form.get(FederalFormationFormControl.KeywordOrigin)?.updateValueAndValidity({ emitEvent: false });
|
|
86795
86872
|
form.get(FederalFormationFormControl.SimilarNamesSearchedOrRegistered)?.updateValueAndValidity({ emitEvent: false });
|
|
86873
|
+
form.get(FederalFormationFormControl.SecondaryReservationNumber)?.updateValueAndValidity({ emitEvent: false });
|
|
86874
|
+
form.get(FederalFormationFormControl.SecondaryReservationDate)?.updateValueAndValidity({ emitEvent: false });
|
|
86796
86875
|
}
|
|
86797
86876
|
},
|
|
86798
86877
|
{
|
|
@@ -87205,12 +87284,30 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
87205
87284
|
GENERATE_FEDERAL_FORMATION_FORM_EXTRA_PROVINCIAL_LICENSES = (addressMap, affiliationsMap) => {
|
|
87206
87285
|
return [
|
|
87207
87286
|
{
|
|
87208
|
-
type: FormType.
|
|
87209
|
-
label: "Business
|
|
87287
|
+
type: FormType.Text,
|
|
87288
|
+
label: "Business activity:",
|
|
87289
|
+
formControlName: "",
|
|
87290
|
+
class: "span-12",
|
|
87291
|
+
bold: true
|
|
87292
|
+
},
|
|
87293
|
+
{
|
|
87294
|
+
type: FormType.Input,
|
|
87295
|
+
label: "NAICS (North American Industry Classification) Code",
|
|
87210
87296
|
formControlName: FederalFormationFormControl.BusinessActivities,
|
|
87211
|
-
options: NAICS_CODES,
|
|
87212
87297
|
class: "span-12",
|
|
87213
|
-
required: true
|
|
87298
|
+
required: true,
|
|
87299
|
+
bold: true,
|
|
87300
|
+
maxLength: 4,
|
|
87301
|
+
infoTitle: "4-digit limit",
|
|
87302
|
+
infoText: "Corporations Canada limits the NAICS code to 4 digits.",
|
|
87303
|
+
errorMessage: "Enter a NAICS code up to 4 digits",
|
|
87304
|
+
onChange: (form) => {
|
|
87305
|
+
const control = form.get(FederalFormationFormControl.BusinessActivities);
|
|
87306
|
+
const value = String(control?.value ?? "").replace(/\D/g, "").slice(0, 4);
|
|
87307
|
+
if (control?.value !== value) {
|
|
87308
|
+
control?.setValue(value, { emitEvent: false });
|
|
87309
|
+
}
|
|
87310
|
+
}
|
|
87214
87311
|
},
|
|
87215
87312
|
{
|
|
87216
87313
|
type: FormType.Text,
|
|
@@ -87248,6 +87345,12 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
87248
87345
|
label: "Use a different address for service",
|
|
87249
87346
|
formControlName: FederalFormationFormControl.UseDifferentAddressForService,
|
|
87250
87347
|
required: false,
|
|
87348
|
+
onChange: (form) => {
|
|
87349
|
+
if (form.get(FederalFormationFormControl.UseDifferentAddressForService)?.value)
|
|
87350
|
+
return;
|
|
87351
|
+
form.get(FederalFormationFormControl.ServiceAddressUid)?.reset(null, { emitEvent: false });
|
|
87352
|
+
form.get(FederalFormationFormControl.ContactInOntario)?.reset(null, { emitEvent: false });
|
|
87353
|
+
},
|
|
87251
87354
|
class: "span-12"
|
|
87252
87355
|
},
|
|
87253
87356
|
{
|
|
@@ -87770,11 +87873,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
87770
87873
|
[FormationFormControls.Province]: new FormControl(eplRegisteredOffice?.addresses?.[0]?.province_state),
|
|
87771
87874
|
[FederalFormationFormControl.RegistrationDate]: new FormControl({ value: data.registration_date ?? null, disabled: true }),
|
|
87772
87875
|
[FederalFormationFormControl.OfficialEmail]: new FormControl({ value: officialEmail, disabled: true }),
|
|
87773
|
-
[FederalFormationFormControl.BusinessActivities]: new FormControl(deltaData?.businessActivity ?? null, Validators.required),
|
|
87876
|
+
[FederalFormationFormControl.BusinessActivities]: new FormControl(deltaData?.businessActivity ?? null, [Validators.required, Validators.pattern(/^\d{1,4}$/)]),
|
|
87774
87877
|
[FederalFormationFormControl.PrincipalOfficeInOntario]: new FormControl(deltaData?.principalOfficeAddressUid ?? null, Validators.required),
|
|
87775
87878
|
[FederalFormationFormControl.UseDifferentAddressForService]: new FormControl(!!deltaData?.serviceAddressUid),
|
|
87776
87879
|
[FederalFormationFormControl.ServiceAddressUid]: new FormControl(deltaData?.serviceAddressUid ?? null),
|
|
87777
|
-
[FederalFormationFormControl.ContactInOntario]: new FormControl(null, Validators.required),
|
|
87880
|
+
[FederalFormationFormControl.ContactInOntario]: new FormControl(deltaData?.contactUid ?? null, Validators.required),
|
|
87778
87881
|
[FederalFormationFormControl.ChiefOfficerManagerInOntario]: new FormControl(deltaData?.chiefManagerUid ?? null),
|
|
87779
87882
|
[FederalFormationFormControl.PersonAuthorizingTheFiling]: new FormControl(deltaData?.signatoryUid ?? null, Validators.required),
|
|
87780
87883
|
[FederalFormationFormControl.Role]: new FormControl(deltaData?.signatoryRole ?? null, Validators.required)
|
|
@@ -90578,13 +90681,39 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
90578
90681
|
});
|
|
90579
90682
|
|
|
90580
90683
|
// src/app/services/federal/federal-formation.service.ts
|
|
90581
|
-
function buildSupportingDocumentUploadRequest(
|
|
90684
|
+
function buildSupportingDocumentUploadRequest(files) {
|
|
90582
90685
|
return {
|
|
90583
|
-
|
|
90584
|
-
|
|
90585
|
-
|
|
90686
|
+
Files: files.map(({ document: document2, bytes }) => ({
|
|
90687
|
+
FileName: toPdfFileName(document2.name),
|
|
90688
|
+
FileByte: toBase64(bytes)
|
|
90689
|
+
}))
|
|
90586
90690
|
};
|
|
90587
90691
|
}
|
|
90692
|
+
function toPdfFileName(name) {
|
|
90693
|
+
const trimmed = (name ?? "").trim() || "document";
|
|
90694
|
+
return /\.pdf$/i.test(trimmed) ? trimmed : `${trimmed}.pdf`;
|
|
90695
|
+
}
|
|
90696
|
+
function isPdf(document2, bytes) {
|
|
90697
|
+
const declaredPdf = !document2.extension || document2.extension.toLowerCase() === "pdf";
|
|
90698
|
+
const pdfSignature = bytes.length >= 4 && bytes[0] === 37 && bytes[1] === 80 && bytes[2] === 68 && bytes[3] === 70;
|
|
90699
|
+
return declaredPdf && pdfSignature;
|
|
90700
|
+
}
|
|
90701
|
+
function toUint8Array(value) {
|
|
90702
|
+
if (value instanceof Uint8Array)
|
|
90703
|
+
return value;
|
|
90704
|
+
if (value instanceof ArrayBuffer)
|
|
90705
|
+
return new Uint8Array(value);
|
|
90706
|
+
return void 0;
|
|
90707
|
+
}
|
|
90708
|
+
function isUploadSuccess(status) {
|
|
90709
|
+
return status === UPLOAD_STATUS_SUCCESS || String(status).toLowerCase() === "success";
|
|
90710
|
+
}
|
|
90711
|
+
function uploadError(messages, httpStatus) {
|
|
90712
|
+
const err = new Error(messages.join(" "));
|
|
90713
|
+
err.submitResult = { Errors: messages.map((ErrorMessage) => ({ ErrorMessage })) };
|
|
90714
|
+
err.httpStatus = httpStatus;
|
|
90715
|
+
return err;
|
|
90716
|
+
}
|
|
90588
90717
|
function toBase64(bytes) {
|
|
90589
90718
|
let binary = "";
|
|
90590
90719
|
const chunkSize = 32768;
|
|
@@ -90593,12 +90722,14 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
90593
90722
|
}
|
|
90594
90723
|
return btoa(binary);
|
|
90595
90724
|
}
|
|
90596
|
-
var FederalFormationService;
|
|
90725
|
+
var MAX_UPLOAD_FILE_BYTES, UPLOAD_STATUS_SUCCESS, FederalFormationService;
|
|
90597
90726
|
var init_federal_formation_service = __esm({
|
|
90598
90727
|
"src/app/services/federal/federal-formation.service.ts"() {
|
|
90599
90728
|
init_core();
|
|
90600
90729
|
init_common_utils();
|
|
90601
90730
|
init_core();
|
|
90731
|
+
MAX_UPLOAD_FILE_BYTES = 10 * 1024 * 1024;
|
|
90732
|
+
UPLOAD_STATUS_SUCCESS = 1;
|
|
90602
90733
|
FederalFormationService = class _FederalFormationService {
|
|
90603
90734
|
config;
|
|
90604
90735
|
setConfig(config2) {
|
|
@@ -90614,12 +90745,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
90614
90745
|
const url = signature.proxyApiUrl;
|
|
90615
90746
|
const req = requestBody;
|
|
90616
90747
|
const resp = yield fetchWithJwtRetry(signature, () => postJson(fetchFn, url, signature.jwtToken, req, {
|
|
90617
|
-
// 'ApiKey': 'a759101c-aeac-4fa6-90dc-8b56f01b2939',
|
|
90618
90748
|
Authorization: `Bearer ${signature.jwtToken}`,
|
|
90619
|
-
|
|
90620
|
-
"x-target-url": `${this.config.ONAOI}api/Incorporation`,
|
|
90621
|
-
"x-access-token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJtaWNoZWwubGF2b2llQGF0aGVubmlhbi5jb20iLCJzdWIiOiI2N2RkY2IwNWRjNDAzMjg0ZTdmYTA3ZmIiLCJpYXQiOjE3NzAyMTI2OTQsImV4cCI6MTc3MDIxOTg5NCwiYmlkIjoiIiwiYXV0IjoidHJ1ZSIsIm9yZyI6Imh0dHBzOi8vb2xpdmUtMS50ZXN0LmF0aGVubmlhbi5jb20iLCJwZXIiOiIifQ.0QsFPBVGTA8JyacfEDx4qz5XVQB3AeL2-uCBiCs9qF0",
|
|
90622
|
-
Cookie: "AWSALB=PpMRL+JDLimOntn4FPEpJ2ZX9rtRbn/7wOE1Ntyq9RGhYPgnJpjAN8xr8R5TyM4v1tBvC62q0YWVR2fQwDLLKWIIQm+U79VccsjiMHRffNr6an9tJNOOdpX94R53; AWSALBCORS=PpMRL+JDLimOntn4FPEpJ2ZX9rtRbn/7wOE1Ntyq9RGhYPgnJpjAN8xr8R5TyM4v1tBvC62q0YWVR2fQwDLLKWIIQm+U79VccsjiMHRffNr6an9tJNOOdpX94R53"
|
|
90749
|
+
"x-target-url": `${this.config.ONAOI}api/Incorporation`
|
|
90623
90750
|
}));
|
|
90624
90751
|
const raw = yield resp.text();
|
|
90625
90752
|
const parsed = tryParseJson(raw);
|
|
@@ -90643,8 +90770,10 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
90643
90770
|
}
|
|
90644
90771
|
/**
|
|
90645
90772
|
* Uploads the supporting documents selected on the corporate name section
|
|
90646
|
-
* (deltaData.corporateName.supportingDocuments) to an existing service order
|
|
90647
|
-
*
|
|
90773
|
+
* (deltaData.corporateName.supportingDocuments) to an existing service order, per OnCorp
|
|
90774
|
+
* ArtWebSvc v4.7.1: one PUT api/Incorporation/{serviceOrderId}/upload carrying every file.
|
|
90775
|
+
* Each file must be a PDF under 10 MB; the call only succeeds when the UploadResult and every
|
|
90776
|
+
* file report Status = Success.
|
|
90648
90777
|
*/
|
|
90649
90778
|
uploadSupportingDocuments(_0, _1, _2) {
|
|
90650
90779
|
return __async(this, arguments, function* (signature, serviceOrderId, documentIds, opts = {}) {
|
|
@@ -90660,31 +90789,55 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
90660
90789
|
if (!signature.getDocumentBytes) {
|
|
90661
90790
|
throw new Error("Missing getDocumentBytes (required input from Athennian to upload supporting documents).");
|
|
90662
90791
|
}
|
|
90663
|
-
const
|
|
90664
|
-
const
|
|
90792
|
+
const files = [];
|
|
90793
|
+
const problems = [];
|
|
90665
90794
|
for (const document2 of documents) {
|
|
90666
|
-
const bytes = yield signature.getDocumentBytes(document2.documentId);
|
|
90667
|
-
|
|
90668
|
-
|
|
90669
|
-
|
|
90670
|
-
|
|
90671
|
-
|
|
90672
|
-
|
|
90673
|
-
|
|
90674
|
-
}
|
|
90675
|
-
body: JSON.stringify(body)
|
|
90676
|
-
}));
|
|
90677
|
-
if (resp.ok) {
|
|
90678
|
-
continue;
|
|
90795
|
+
const bytes = toUint8Array(yield signature.getDocumentBytes(document2.documentId));
|
|
90796
|
+
if (!bytes) {
|
|
90797
|
+
problems.push(`Supporting document "${document2.name}" could not be read.`);
|
|
90798
|
+
} else if (!isPdf(document2, bytes)) {
|
|
90799
|
+
problems.push(`Supporting document "${document2.name}" is not a PDF. Only PDF files can be filed.`);
|
|
90800
|
+
} else if (bytes.length >= MAX_UPLOAD_FILE_BYTES) {
|
|
90801
|
+
problems.push(`Supporting document "${document2.name}" is larger than 10 MB.`);
|
|
90802
|
+
} else {
|
|
90803
|
+
files.push({ document: document2, bytes });
|
|
90679
90804
|
}
|
|
90680
|
-
const raw = yield resp.text();
|
|
90681
|
-
const parsed = tryParseJson(raw);
|
|
90682
|
-
const payload = parsed.ok ? unwrapRequestResults(parsed.value) : void 0;
|
|
90683
|
-
const err = payload ? buildGenericError(resp.status, `Upload of "${document2.name}" failed`, payload) : new Error(`Upload of "${document2.name}" returned ${resp.status} ${resp.statusText}: ${raw || "(empty response)"}`);
|
|
90684
|
-
err.submitResult = payload;
|
|
90685
|
-
err.httpStatus = resp.status;
|
|
90686
|
-
throw err;
|
|
90687
90805
|
}
|
|
90806
|
+
if (problems.length) {
|
|
90807
|
+
throw uploadError(problems);
|
|
90808
|
+
}
|
|
90809
|
+
const fetchFn = opts.fetchImpl ?? fetch;
|
|
90810
|
+
const body = JSON.stringify(buildSupportingDocumentUploadRequest(files));
|
|
90811
|
+
const resp = yield fetchWithJwtRetry(signature, () => fetchFn(signature.proxyApiUrl, {
|
|
90812
|
+
method: "PUT",
|
|
90813
|
+
headers: {
|
|
90814
|
+
"Content-Type": "application/json",
|
|
90815
|
+
Authorization: `Bearer ${signature.jwtToken}`,
|
|
90816
|
+
"x-target-url": `${this.config.ONAOI}api/Incorporation/${encodeURIComponent(serviceOrderId)}/upload`
|
|
90817
|
+
},
|
|
90818
|
+
body
|
|
90819
|
+
}));
|
|
90820
|
+
const raw = yield resp.text();
|
|
90821
|
+
const parsed = tryParseJson(raw);
|
|
90822
|
+
if (!parsed.ok) {
|
|
90823
|
+
throw uploadError([`Supporting document upload returned ${resp.status} ${resp.statusText}: ${raw || "(empty response)"}`], resp.status);
|
|
90824
|
+
}
|
|
90825
|
+
const result = unwrapRequestResults(parsed.value);
|
|
90826
|
+
const fileResults = result?.FileUploadResponses ?? [];
|
|
90827
|
+
const failedFiles = fileResults.filter((f) => !isUploadSuccess(f.Status));
|
|
90828
|
+
const reportedNames = new Set(fileResults.map((f) => (f.FileName ?? "").toLowerCase()));
|
|
90829
|
+
const unconfirmedNames = files.map(({ document: document2 }) => toPdfFileName(document2.name)).filter((name) => !reportedNames.has(name.toLowerCase()));
|
|
90830
|
+
const allFilesConfirmed = fileResults.length === files.length && !failedFiles.length;
|
|
90831
|
+
if (resp.ok && isUploadSuccess(result?.Status) && allFilesConfirmed) {
|
|
90832
|
+
return;
|
|
90833
|
+
}
|
|
90834
|
+
const reportedFailures = [
|
|
90835
|
+
...(result?.Errors ?? []).map((e) => e.ErrorMessage ?? e.ErrorId ?? ""),
|
|
90836
|
+
...failedFiles.flatMap((f) => (f.Errors?.length ? f.Errors : [{}]).map((e) => `Upload of "${f.FileName ?? "document"}" failed${e.ErrorMessage ? `: ${e.ErrorMessage}` : "."}`))
|
|
90837
|
+
].filter(Boolean);
|
|
90838
|
+
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.`];
|
|
90839
|
+
const messages = [...reportedFailures, ...missingConfirmations];
|
|
90840
|
+
throw uploadError(messages.length ? messages : [`Supporting document upload failed (HTTP ${resp.status}).`], resp.status);
|
|
90688
90841
|
});
|
|
90689
90842
|
}
|
|
90690
90843
|
submitFormationRequest(_0, _1) {
|
|
@@ -90698,12 +90851,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
90698
90851
|
const resp = yield fetchWithJwtRetry(signature, () => fetchFn(url, {
|
|
90699
90852
|
method: "POST",
|
|
90700
90853
|
headers: {
|
|
90701
|
-
// 'ApiKey': 'a759101c-aeac-4fa6-90dc-8b56f01b2939',
|
|
90702
|
-
// 'AccountKey': '1c3e3a6e-2a8b-4dd2-b906-aec25a1a7227',
|
|
90703
90854
|
Authorization: `Bearer ${signature.jwtToken}`,
|
|
90704
|
-
|
|
90705
|
-
"x-target-url": `${this.config.ONAOI}api/Incorporation/${encodeURIComponent(serviceOrderId)}/submit`,
|
|
90706
|
-
"x-access-token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJtaWNoZWwubGF2b2llQGF0aGVubmlhbi5jb20iLCJzdWIiOiI2N2RkY2IwNWRjNDAzMjg0ZTdmYTA3ZmIiLCJpYXQiOjE3NzAyMTI2OTQsImV4cCI6MTc3MDIxOTg5NCwiYmlkIjoiIiwiYXV0IjoidHJ1ZSIsIm9yZyI6Imh0dHBzOi8vb2xpdmUtMS50ZXN0LmF0aGVubmlhbi5jb20iLCJwZXIiOiIifQ.0QsFPBVGTA8JyacfEDx4qz5XVQB3AeL2-uCBiCs9qF0"
|
|
90855
|
+
"x-target-url": `${this.config.ONAOI}api/Incorporation/${encodeURIComponent(serviceOrderId)}/submit`
|
|
90707
90856
|
}
|
|
90708
90857
|
}));
|
|
90709
90858
|
const raw = yield resp.text();
|
|
@@ -93191,6 +93340,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
93191
93340
|
return;
|
|
93192
93341
|
}
|
|
93193
93342
|
}
|
|
93343
|
+
if (response instanceof Error && response.message?.trim()) {
|
|
93344
|
+
const message = response.message.trim();
|
|
93345
|
+
this.errors.set([message.length > 500 ? `${message.slice(0, 500)}\u2026` : message]);
|
|
93346
|
+
return;
|
|
93347
|
+
}
|
|
93194
93348
|
let parsed = response;
|
|
93195
93349
|
try {
|
|
93196
93350
|
parsed = JSON.parse(JSON.stringify(response));
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@dyedurham/search-and-file-widget",
|
|
3
|
-
"version": "2.0.
|
|
4
|
-
"description": "",
|
|
5
|
-
"main": "dnd-filing-shell.js",
|
|
6
|
-
"scripts": {
|
|
7
|
-
"test": "echo \"Error: no test specified\" && exit 1"
|
|
8
|
-
},
|
|
9
|
-
"author": "",
|
|
1
|
+
{
|
|
2
|
+
"name": "@dyedurham/search-and-file-widget",
|
|
3
|
+
"version": "2.0.49",
|
|
4
|
+
"description": "",
|
|
5
|
+
"main": "dnd-filing-shell.js",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
8
|
+
},
|
|
9
|
+
"author": "",
|
|
10
10
|
"license": "ISC"
|
|
11
|
-
}
|
|
11
|
+
}
|