@dyedurham/search-and-file-widget 2.0.76 → 2.0.77
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
CHANGED
|
@@ -85224,7 +85224,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
85224
85224
|
\u0275\u0275elementStart(7, "mat-form-field", 18)(8, "input", 19);
|
|
85225
85225
|
\u0275\u0275listener("click", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Conditional_11_Template_input_click_8_listener() {
|
|
85226
85226
|
\u0275\u0275restoreView(_r7);
|
|
85227
|
-
const changeDatePicker_r8 = \u0275\u0275reference(
|
|
85227
|
+
const changeDatePicker_r8 = \u0275\u0275reference(12);
|
|
85228
85228
|
return \u0275\u0275resetView(changeDatePicker_r8.open());
|
|
85229
85229
|
})("dateChange", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Conditional_11_Template_input_dateChange_8_listener() {
|
|
85230
85230
|
\u0275\u0275restoreView(_r7);
|
|
@@ -85233,39 +85233,42 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
85233
85233
|
return \u0275\u0275resetView(ctx_r0.onSectionValidChange("filingDetails", filingDetails_r6.valid));
|
|
85234
85234
|
});
|
|
85235
85235
|
\u0275\u0275elementEnd();
|
|
85236
|
-
\u0275\u0275elementStart(9, "
|
|
85237
|
-
\u0275\
|
|
85238
|
-
|
|
85239
|
-
|
|
85236
|
+
\u0275\u0275elementStart(9, "button", 20);
|
|
85237
|
+
\u0275\u0275listener("click", function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Conditional_11_Template_button_click_9_listener() {
|
|
85238
|
+
\u0275\u0275restoreView(_r7);
|
|
85239
|
+
const changeDatePicker_r8 = \u0275\u0275reference(12);
|
|
85240
|
+
return \u0275\u0275resetView(changeDatePicker_r8.open());
|
|
85241
|
+
});
|
|
85242
|
+
\u0275\u0275element(10, "span", 21);
|
|
85240
85243
|
\u0275\u0275elementEnd();
|
|
85241
|
-
\u0275\
|
|
85242
|
-
\u0275\
|
|
85243
|
-
\u0275\
|
|
85244
|
+
\u0275\u0275element(11, "mat-datepicker", null, 0);
|
|
85245
|
+
\u0275\u0275elementEnd();
|
|
85246
|
+
\u0275\u0275elementStart(13, "p", 22);
|
|
85247
|
+
\u0275\u0275text(14);
|
|
85248
|
+
\u0275\u0275pipe(15, "translate");
|
|
85244
85249
|
\u0275\u0275elementEnd()();
|
|
85245
|
-
\u0275\u0275elementStart(
|
|
85246
|
-
\u0275\u0275text(
|
|
85247
|
-
\u0275\u0275pipe(
|
|
85250
|
+
\u0275\u0275elementStart(16, "p", 23)(17, "strong");
|
|
85251
|
+
\u0275\u0275text(18);
|
|
85252
|
+
\u0275\u0275pipe(19, "translate");
|
|
85248
85253
|
\u0275\u0275elementEnd();
|
|
85249
|
-
\u0275\u0275text(
|
|
85254
|
+
\u0275\u0275text(20);
|
|
85250
85255
|
\u0275\u0275elementEnd()();
|
|
85251
85256
|
}
|
|
85252
85257
|
if (rf & 2) {
|
|
85253
|
-
let
|
|
85254
|
-
const changeDatePicker_r8 = \u0275\u0275reference(
|
|
85258
|
+
let tmp_13_0;
|
|
85259
|
+
const changeDatePicker_r8 = \u0275\u0275reference(12);
|
|
85255
85260
|
const ctx_r0 = \u0275\u0275nextContext(2);
|
|
85256
85261
|
const filingDetails_r6 = \u0275\u0275readContextLet(8);
|
|
85257
85262
|
\u0275\u0275advance(3);
|
|
85258
|
-
\u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(4,
|
|
85263
|
+
\u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(4, 6, "Date Directors were added or deleted"), "");
|
|
85259
85264
|
\u0275\u0275advance(5);
|
|
85260
85265
|
\u0275\u0275property("matDatepicker", changeDatePicker_r8)("formControlName", ctx_r0.controls.ChangeDate);
|
|
85261
|
-
\u0275\u0275advance();
|
|
85262
|
-
\u0275\u0275property("for", changeDatePicker_r8);
|
|
85263
85266
|
\u0275\u0275advance(6);
|
|
85264
|
-
\u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(
|
|
85267
|
+
\u0275\u0275textInterpolate1(" ", \u0275\u0275pipeBind1(15, 8, "The date on which the individual(s) became or ceased to be a director. This date must be today's date or in the past."), " ");
|
|
85265
85268
|
\u0275\u0275advance(4);
|
|
85266
|
-
\u0275\u0275textInterpolate1("", \u0275\u0275pipeBind1(
|
|
85269
|
+
\u0275\u0275textInterpolate1("", \u0275\u0275pipeBind1(19, 10, "Filing Fee"), ":");
|
|
85267
85270
|
\u0275\u0275advance(2);
|
|
85268
|
-
\u0275\u0275textInterpolate1(" ", (
|
|
85271
|
+
\u0275\u0275textInterpolate1(" ", (tmp_13_0 = filingDetails_r6.get(ctx_r0.controls.FilingFee)) == null ? null : tmp_13_0.value, " ");
|
|
85269
85272
|
}
|
|
85270
85273
|
}
|
|
85271
85274
|
function BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Template(rf, ctx) {
|
|
@@ -85290,7 +85293,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
85290
85293
|
\u0275\u0275text(9);
|
|
85291
85294
|
\u0275\u0275pipe(10, "translate");
|
|
85292
85295
|
\u0275\u0275elementEnd();
|
|
85293
|
-
\u0275\u0275template(11, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Conditional_11_Template,
|
|
85296
|
+
\u0275\u0275template(11, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_9_Conditional_11_Template, 21, 12, "div", 16);
|
|
85294
85297
|
\u0275\u0275elementEnd()();
|
|
85295
85298
|
}
|
|
85296
85299
|
if (rf & 2) {
|
|
@@ -85375,8 +85378,8 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
85375
85378
|
\u0275\u0275template(1, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_13_For_12_Conditional_1_Template, 10, 5, "div", 26);
|
|
85376
85379
|
}
|
|
85377
85380
|
if (rf & 2) {
|
|
85378
|
-
const \u0275$
|
|
85379
|
-
const directorForm_r11 = \u0275\u0275storeLet(\u0275\u0275nextContext(2).getDirectorForm(\u0275$
|
|
85381
|
+
const \u0275$index_117_r10 = ctx.$index;
|
|
85382
|
+
const directorForm_r11 = \u0275\u0275storeLet(\u0275\u0275nextContext(2).getDirectorForm(\u0275$index_117_r10));
|
|
85380
85383
|
\u0275\u0275advance();
|
|
85381
85384
|
\u0275\u0275conditional(directorForm_r11 ? 1 : -1);
|
|
85382
85385
|
}
|
|
@@ -85475,7 +85478,6 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
85475
85478
|
init_datepicker();
|
|
85476
85479
|
init_form_field();
|
|
85477
85480
|
init_input();
|
|
85478
|
-
init_icon();
|
|
85479
85481
|
init_radio();
|
|
85480
85482
|
init_ngx_translate_core();
|
|
85481
85483
|
init_filing_form_group_component();
|
|
@@ -85538,7 +85540,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
85538
85540
|
static \u0275fac = function BritishColumbiaChangeOfDirectorsFormComponent_Factory(__ngFactoryType__) {
|
|
85539
85541
|
return new (__ngFactoryType__ || _BritishColumbiaChangeOfDirectorsFormComponent)();
|
|
85540
85542
|
};
|
|
85541
|
-
static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaChangeOfDirectorsFormComponent, selectors: [["british-columbia-change-of-directors-form"]], inputs: { form: [1, "form"], task: [1, "task"], errors: [1, "errors"], isNote: [1, "isNote"], isSubmitted: [1, "isSubmitted"], readonly: [1, "readonly"] }, outputs: { visiblyValidChange: "visiblyValidChange" }, decls: 17, vars: 17, consts: [["changeDatePicker", ""], [1, "change-of-directors-form"], ["title", "Entity changed", "content", "A new draft needs to be generated as the Entity was changed since the last draft was produced.", 3, "type"], ["title", "The following issues need to be resolved before proceeding:", 3, "content"], [1, "change-of-directors-form-content"], [3, "title"], [3, "isStatusIcon", "title"], [3, "isStatusIcon", "isValid", "title"], [3, "isSubmitted", "form", "config"], ["role", "table", 1, "directors-table"], [1, "body-1-regular"], [3, "visiblyValidChange", "isSubmitted", "form", "config"], [1, "readonly-summary"], [1, "filing-details", 3, "formGroup"], [1, "note-box"], [1, "directors-change-checkbox", 3, "change", "formControlName"], [1, "filing-details-grid"], [1, "date-field"], ["appearance", "outline"], ["matInput", "", "readonly", "", 3, "click", "dateChange", "matDatepicker", "formControlName"], ["
|
|
85543
|
+
static \u0275cmp = /* @__PURE__ */ \u0275\u0275defineComponent({ type: _BritishColumbiaChangeOfDirectorsFormComponent, selectors: [["british-columbia-change-of-directors-form"]], inputs: { form: [1, "form"], task: [1, "task"], errors: [1, "errors"], isNote: [1, "isNote"], isSubmitted: [1, "isSubmitted"], readonly: [1, "readonly"] }, outputs: { visiblyValidChange: "visiblyValidChange" }, decls: 17, vars: 17, consts: [["changeDatePicker", ""], [1, "change-of-directors-form"], ["title", "Entity changed", "content", "A new draft needs to be generated as the Entity was changed since the last draft was produced.", 3, "type"], ["title", "The following issues need to be resolved before proceeding:", 3, "content"], [1, "change-of-directors-form-content"], [3, "title"], [3, "isStatusIcon", "title"], [3, "isStatusIcon", "isValid", "title"], [3, "isSubmitted", "form", "config"], ["role", "table", 1, "directors-table"], [1, "body-1-regular"], [3, "visiblyValidChange", "isSubmitted", "form", "config"], [1, "readonly-summary"], [1, "filing-details", 3, "formGroup"], [1, "note-box"], [1, "directors-change-checkbox", 3, "change", "formControlName"], [1, "filing-details-grid"], [1, "date-field"], ["appearance", "outline"], ["matInput", "", "placeholder", "dd/mm/yyyy", "readonly", "", 3, "click", "dateChange", "matDatepicker", "formControlName"], ["type", "button", "aria-label", "Open date picker", 1, "calendar-trigger", 3, "click"], ["aria-hidden", "true", 1, "calendar-icon"], [1, "hint"], [1, "filing-fee"], ["role", "row", 1, "directors-table-header"], ["role", "columnheader"], ["role", "row", 1, "directors-table-row"], ["role", "cell"], [1, "status-pill", "new"], [1, "status-pill", "ceased"], [1, "annual-reminder", 3, "formGroup"], [3, "change", "formControlName"], [3, "value"]], template: function BritishColumbiaChangeOfDirectorsFormComponent_Template(rf, ctx) {
|
|
85542
85544
|
if (rf & 1) {
|
|
85543
85545
|
\u0275\u0275elementStart(0, "div", 1);
|
|
85544
85546
|
\u0275\u0275template(1, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_1_Template, 1, 1, "alert", 2)(2, BritishColumbiaChangeOfDirectorsFormComponent_Conditional_2_Template, 1, 1, "alert", 3);
|
|
@@ -85595,9 +85597,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
85595
85597
|
MatCheckbox,
|
|
85596
85598
|
MatDatepicker,
|
|
85597
85599
|
MatDatepickerInput,
|
|
85598
|
-
MatDatepickerToggle,
|
|
85599
85600
|
MatFormField,
|
|
85600
|
-
MatIcon,
|
|
85601
85601
|
MatInput,
|
|
85602
85602
|
MatRadioButton,
|
|
85603
85603
|
MatRadioGroup,
|
|
@@ -85608,7 +85608,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
85608
85608
|
FormGroupDirective,
|
|
85609
85609
|
FormControlName,
|
|
85610
85610
|
TranslatePipe
|
|
85611
|
-
], styles: [
|
|
85611
|
+
], styles: ['\n\n[_nghost-%COMP%] {\n display: flex;\n flex: 1;\n min-height: 0;\n color: #2f343b;\n}\n[_nghost-%COMP%] .change-of-directors-form[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n min-height: 0;\n width: 100%;\n}\n[_nghost-%COMP%] .change-of-directors-form-content[_ngcontent-%COMP%] {\n display: flex;\n flex: 1;\n flex-direction: column;\n gap: 20px;\n min-height: 0;\n overflow-y: auto;\n padding-right: 8px;\n}\n[_nghost-%COMP%] .expandable-card {\n border: 1px solid #e1e6ee;\n border-radius: 8px;\n box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12) !important;\n margin: 0 !important;\n padding: 24px 28px !important;\n}\n[_nghost-%COMP%] .expandable-card-header-title {\n color: #2f343b !important;\n font-weight: 700 !important;\n line-height: 1.2;\n margin: 0;\n}\n[_nghost-%COMP%] .expandable-card-header mat-icon {\n color: #66717f !important;\n}\n[_nghost-%COMP%] .expandable-card-content {\n padding-top: 20px !important;\n}\n[_nghost-%COMP%] .filling-form-fields {\n column-gap: 42px !important;\n}\n[_nghost-%COMP%] .filling-form-fields-item-label, \n[_nghost-%COMP%] .mat-mdc-radio-button .mdc-label, \n[_nghost-%COMP%] .mat-mdc-checkbox .mdc-label {\n color: #4b5563 !important;\n font-size: 14px !important;\n line-height: 1.45;\n}\n[_nghost-%COMP%] .mat-mdc-radio-button, \n[_nghost-%COMP%] .mat-mdc-checkbox {\n --mdc-radio-state-layer-size: 40px;\n --mdc-checkbox-state-layer-size: 40px;\n}\n[_nghost-%COMP%] .mat-mdc-form-field {\n width: 100%;\n}\n[_nghost-%COMP%] .mat-mdc-text-field-wrapper {\n min-height: 46px;\n}\n[_nghost-%COMP%] .mat-mdc-form-field-infix {\n align-items: center;\n display: flex !important;\n min-height: 46px;\n padding-bottom: 0 !important;\n padding-top: 0 !important;\n}\n[_nghost-%COMP%] .mdc-notched-outline__leading {\n border-bottom-left-radius: 6px !important;\n border-top-left-radius: 6px !important;\n}\n[_nghost-%COMP%] .mdc-notched-outline__trailing {\n border-bottom-right-radius: 6px !important;\n border-top-right-radius: 6px !important;\n}\n[_nghost-%COMP%] .readonly-summary[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 18px;\n color: #4b5563;\n font-size: 14px;\n line-height: 1.35;\n}\n[_nghost-%COMP%] .readonly-summary[_ngcontent-%COMP%] p[_ngcontent-%COMP%] {\n margin: 0;\n}\n[_nghost-%COMP%] .readonly-summary[_ngcontent-%COMP%] strong[_ngcontent-%COMP%] {\n color: #2f343b;\n font-weight: 700;\n}\n[_nghost-%COMP%] .filing-details[_ngcontent-%COMP%], \n[_nghost-%COMP%] .annual-reminder[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 24px;\n}\n[_nghost-%COMP%] .note-box[_ngcontent-%COMP%] {\n border: 1px solid #f3d27a;\n border-radius: 6px;\n background: #fffaf0;\n color: #84610d;\n font-size: 14px;\n line-height: 1.55;\n padding: 16px 20px;\n}\n[_nghost-%COMP%] .note-box[_ngcontent-%COMP%] strong[_ngcontent-%COMP%] {\n font-weight: 700;\n}\n[_nghost-%COMP%] .directors-change-checkbox[_ngcontent-%COMP%] {\n align-self: flex-start;\n}\n[_nghost-%COMP%] .filing-details-grid[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: minmax(280px, 1fr) minmax(220px, 1fr);\n column-gap: 56px;\n align-items: start;\n max-width: 980px;\n}\n[_nghost-%COMP%] .date-field[_ngcontent-%COMP%], \n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n[_nghost-%COMP%] .date-field[_ngcontent-%COMP%] label[_ngcontent-%COMP%], \n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] label[_ngcontent-%COMP%] {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.35;\n}\n[_nghost-%COMP%] .date-field[_ngcontent-%COMP%] span[_ngcontent-%COMP%], \n[_nghost-%COMP%] .email-field[_ngcontent-%COMP%] span[_ngcontent-%COMP%] {\n color: #e22222;\n}\n[_nghost-%COMP%] .hint[_ngcontent-%COMP%], \n[_nghost-%COMP%] .annual-reminder[_ngcontent-%COMP%] p[_ngcontent-%COMP%], \n[_nghost-%COMP%] .mailing-copy[_ngcontent-%COMP%] {\n color: #6b7280;\n font-size: 14px;\n line-height: 1.5;\n margin: 0;\n}\n[_nghost-%COMP%] .filing-fee[_ngcontent-%COMP%] {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.35;\n margin: 46px 0 0;\n}\n[_nghost-%COMP%] .filing-fee[_ngcontent-%COMP%] strong[_ngcontent-%COMP%] {\n color: #2f343b;\n font-weight: 700;\n}\n[_nghost-%COMP%] .directors-table[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: minmax(180px, 0.7fr) minmax(280px, 1.65fr) minmax(280px, 1.65fr);\n margin-top: 28px;\n color: #4b5563;\n font-size: 14px;\n line-height: 1.45;\n}\n[_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%], \n[_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] {\n display: contents;\n}\n[_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%] > div[_ngcontent-%COMP%], \n[_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] {\n border-bottom: 1px solid #e1e6ee;\n padding: 16px 24px;\n}\n[_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:not(:first-child), \n[_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]:not(:first-child) {\n border-left: 1px solid #e1e6ee;\n}\n[_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] {\n color: #2f343b;\n font-weight: 700;\n padding-top: 0;\n}\n[_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] strong[_ngcontent-%COMP%] {\n color: #2f343b;\n display: block;\n font-weight: 700;\n margin-bottom: 8px;\n}\n[_nghost-%COMP%] .status-pill[_ngcontent-%COMP%] {\n border-radius: 999px;\n display: inline-flex;\n font-size: 12px;\n font-weight: 700;\n line-height: 1;\n padding: 6px 12px;\n}\n[_nghost-%COMP%] .status-pill.new[_ngcontent-%COMP%] {\n background: #eaf7ef;\n border: 1px solid #b8e3c7;\n color: #15803d;\n}\n[_nghost-%COMP%] .status-pill.ceased[_ngcontent-%COMP%] {\n background: #fff1f2;\n border: 1px solid #fecdd3;\n color: #be123c;\n}\n[_nghost-%COMP%] mat-radio-group[_ngcontent-%COMP%] {\n display: flex;\n gap: 48px;\n}\n[_nghost-%COMP%] .annual-reminder[_ngcontent-%COMP%] mat-radio-group[_ngcontent-%COMP%] {\n align-items: flex-start;\n flex-direction: column;\n gap: 14px;\n}\n[_nghost-%COMP%] .date-field[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%] {\n position: relative;\n width: 100%;\n}\n[_nghost-%COMP%] .date-field[_ngcontent-%COMP%] .calendar-icon {\n border: 2px solid #4b5563;\n border-radius: 3px;\n box-sizing: border-box;\n display: block;\n height: 17px;\n position: relative;\n width: 17px;\n}\n[_nghost-%COMP%] .date-field[_ngcontent-%COMP%] .calendar-icon::before {\n border-top: 2px solid #4b5563;\n content: "";\n left: 0;\n position: absolute;\n right: 0;\n top: 4px;\n}\n[_nghost-%COMP%] .date-field[_ngcontent-%COMP%] .calendar-icon::after {\n background: #4b5563;\n border-radius: 1px;\n box-shadow: 6px 0 #4b5563;\n content: "";\n height: 3px;\n left: 3px;\n position: absolute;\n top: -3px;\n width: 2px;\n}\n[_nghost-%COMP%] .date-field[_ngcontent-%COMP%] .calendar-trigger[_ngcontent-%COMP%] {\n align-items: center;\n background: transparent;\n border: 0;\n cursor: pointer;\n display: flex;\n height: 40px;\n justify-content: center;\n padding: 0;\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n z-index: 2;\n}\n[_nghost-%COMP%] .date-field[_ngcontent-%COMP%] .calendar-trigger[_ngcontent-%COMP%]:hover {\n background: #f3f4f6;\n border-radius: 50%;\n}\n@media (max-width: 900px) {\n [_nghost-%COMP%] .filing-details-grid[_ngcontent-%COMP%], \n [_nghost-%COMP%] .directors-table[_ngcontent-%COMP%] {\n grid-template-columns: 1fr;\n }\n [_nghost-%COMP%] .directors-table-header[_ngcontent-%COMP%] {\n display: none;\n }\n [_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] {\n display: grid;\n grid-template-columns: 1fr;\n border-bottom: 1px solid #e1e6ee;\n }\n [_nghost-%COMP%] .directors-table-row[_ngcontent-%COMP%] > div[_ngcontent-%COMP%] {\n border: 0;\n padding: 14px 0;\n }\n [_nghost-%COMP%] mat-radio-group[_ngcontent-%COMP%] {\n flex-direction: column;\n gap: 14px;\n }\n}\n/*# sourceMappingURL=change-of-directors-form.component.css.map */'], changeDetection: 0 });
|
|
85612
85612
|
};
|
|
85613
85613
|
(() => {
|
|
85614
85614
|
(typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(BritishColumbiaChangeOfDirectorsFormComponent, [{
|
|
@@ -85620,9 +85620,7 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
85620
85620
|
MatCheckbox,
|
|
85621
85621
|
MatDatepicker,
|
|
85622
85622
|
MatDatepickerInput,
|
|
85623
|
-
MatDatepickerToggle,
|
|
85624
85623
|
MatFormField,
|
|
85625
|
-
MatIcon,
|
|
85626
85624
|
MatInput,
|
|
85627
85625
|
MatRadioButton,
|
|
85628
85626
|
MatRadioGroup,
|
|
@@ -85718,13 +85716,19 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
85718
85716
|
matInput
|
|
85719
85717
|
[matDatepicker]="changeDatePicker"
|
|
85720
85718
|
[formControlName]="controls.ChangeDate"
|
|
85719
|
+
placeholder="dd/mm/yyyy"
|
|
85721
85720
|
readonly
|
|
85722
85721
|
(click)="changeDatePicker.open()"
|
|
85723
85722
|
(dateChange)="onSectionValidChange('filingDetails', filingDetails.valid)"
|
|
85724
85723
|
/>
|
|
85725
|
-
<
|
|
85726
|
-
|
|
85727
|
-
|
|
85724
|
+
<button
|
|
85725
|
+
type="button"
|
|
85726
|
+
class="calendar-trigger"
|
|
85727
|
+
aria-label="Open date picker"
|
|
85728
|
+
(click)="changeDatePicker.open()"
|
|
85729
|
+
>
|
|
85730
|
+
<span class="calendar-icon" aria-hidden="true"></span>
|
|
85731
|
+
</button>
|
|
85728
85732
|
<mat-datepicker #changeDatePicker></mat-datepicker>
|
|
85729
85733
|
</mat-form-field>
|
|
85730
85734
|
<p class="hint">
|
|
@@ -85817,11 +85821,11 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
85817
85821
|
}
|
|
85818
85822
|
</div>
|
|
85819
85823
|
</div>
|
|
85820
|
-
`, styles: [
|
|
85824
|
+
`, styles: ['/* src/app/components/british-columbia/change-of-directors/change-of-directors-form/change-of-directors-form.component.scss */\n:host {\n display: flex;\n flex: 1;\n min-height: 0;\n color: #2f343b;\n}\n:host .change-of-directors-form {\n display: flex;\n flex-direction: column;\n gap: 16px;\n height: 100%;\n min-height: 0;\n width: 100%;\n}\n:host .change-of-directors-form-content {\n display: flex;\n flex: 1;\n flex-direction: column;\n gap: 20px;\n min-height: 0;\n overflow-y: auto;\n padding-right: 8px;\n}\n:host ::ng-deep .expandable-card {\n border: 1px solid #e1e6ee;\n border-radius: 8px;\n box-shadow: 0 1px 4px rgba(15, 23, 42, 0.12) !important;\n margin: 0 !important;\n padding: 24px 28px !important;\n}\n:host ::ng-deep .expandable-card-header-title {\n color: #2f343b !important;\n font-weight: 700 !important;\n line-height: 1.2;\n margin: 0;\n}\n:host ::ng-deep .expandable-card-header mat-icon {\n color: #66717f !important;\n}\n:host ::ng-deep .expandable-card-content {\n padding-top: 20px !important;\n}\n:host ::ng-deep .filling-form-fields {\n column-gap: 42px !important;\n}\n:host ::ng-deep .filling-form-fields-item-label,\n:host ::ng-deep .mat-mdc-radio-button .mdc-label,\n:host ::ng-deep .mat-mdc-checkbox .mdc-label {\n color: #4b5563 !important;\n font-size: 14px !important;\n line-height: 1.45;\n}\n:host ::ng-deep .mat-mdc-radio-button,\n:host ::ng-deep .mat-mdc-checkbox {\n --mdc-radio-state-layer-size: 40px;\n --mdc-checkbox-state-layer-size: 40px;\n}\n:host ::ng-deep .mat-mdc-form-field {\n width: 100%;\n}\n:host ::ng-deep .mat-mdc-text-field-wrapper {\n min-height: 46px;\n}\n:host ::ng-deep .mat-mdc-form-field-infix {\n align-items: center;\n display: flex !important;\n min-height: 46px;\n padding-bottom: 0 !important;\n padding-top: 0 !important;\n}\n:host ::ng-deep .mdc-notched-outline__leading {\n border-bottom-left-radius: 6px !important;\n border-top-left-radius: 6px !important;\n}\n:host ::ng-deep .mdc-notched-outline__trailing {\n border-bottom-right-radius: 6px !important;\n border-top-right-radius: 6px !important;\n}\n:host .readonly-summary {\n display: flex;\n flex-direction: column;\n gap: 18px;\n color: #4b5563;\n font-size: 14px;\n line-height: 1.35;\n}\n:host .readonly-summary p {\n margin: 0;\n}\n:host .readonly-summary strong {\n color: #2f343b;\n font-weight: 700;\n}\n:host .filing-details,\n:host .annual-reminder {\n display: flex;\n flex-direction: column;\n gap: 24px;\n}\n:host .note-box {\n border: 1px solid #f3d27a;\n border-radius: 6px;\n background: #fffaf0;\n color: #84610d;\n font-size: 14px;\n line-height: 1.55;\n padding: 16px 20px;\n}\n:host .note-box strong {\n font-weight: 700;\n}\n:host .directors-change-checkbox {\n align-self: flex-start;\n}\n:host .filing-details-grid {\n display: grid;\n grid-template-columns: minmax(280px, 1fr) minmax(220px, 1fr);\n column-gap: 56px;\n align-items: start;\n max-width: 980px;\n}\n:host .date-field,\n:host .email-field {\n display: flex;\n flex-direction: column;\n gap: 4px;\n}\n:host .date-field label,\n:host .email-field label {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.35;\n}\n:host .date-field span,\n:host .email-field span {\n color: #e22222;\n}\n:host .hint,\n:host .annual-reminder p,\n:host .mailing-copy {\n color: #6b7280;\n font-size: 14px;\n line-height: 1.5;\n margin: 0;\n}\n:host .filing-fee {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.35;\n margin: 46px 0 0;\n}\n:host .filing-fee strong {\n color: #2f343b;\n font-weight: 700;\n}\n:host .directors-table {\n display: grid;\n grid-template-columns: minmax(180px, 0.7fr) minmax(280px, 1.65fr) minmax(280px, 1.65fr);\n margin-top: 28px;\n color: #4b5563;\n font-size: 14px;\n line-height: 1.45;\n}\n:host .directors-table-header,\n:host .directors-table-row {\n display: contents;\n}\n:host .directors-table-header > div,\n:host .directors-table-row > div {\n border-bottom: 1px solid #e1e6ee;\n padding: 16px 24px;\n}\n:host .directors-table-header > div:not(:first-child),\n:host .directors-table-row > div:not(:first-child) {\n border-left: 1px solid #e1e6ee;\n}\n:host .directors-table-header > div {\n color: #2f343b;\n font-weight: 700;\n padding-top: 0;\n}\n:host .directors-table-row strong {\n color: #2f343b;\n display: block;\n font-weight: 700;\n margin-bottom: 8px;\n}\n:host .status-pill {\n border-radius: 999px;\n display: inline-flex;\n font-size: 12px;\n font-weight: 700;\n line-height: 1;\n padding: 6px 12px;\n}\n:host .status-pill.new {\n background: #eaf7ef;\n border: 1px solid #b8e3c7;\n color: #15803d;\n}\n:host .status-pill.ceased {\n background: #fff1f2;\n border: 1px solid #fecdd3;\n color: #be123c;\n}\n:host mat-radio-group {\n display: flex;\n gap: 48px;\n}\n:host .annual-reminder mat-radio-group {\n align-items: flex-start;\n flex-direction: column;\n gap: 14px;\n}\n:host .date-field mat-form-field {\n position: relative;\n width: 100%;\n}\n:host .date-field ::ng-deep .calendar-icon {\n border: 2px solid #4b5563;\n border-radius: 3px;\n box-sizing: border-box;\n display: block;\n height: 17px;\n position: relative;\n width: 17px;\n}\n:host .date-field ::ng-deep .calendar-icon::before {\n border-top: 2px solid #4b5563;\n content: "";\n left: 0;\n position: absolute;\n right: 0;\n top: 4px;\n}\n:host .date-field ::ng-deep .calendar-icon::after {\n background: #4b5563;\n border-radius: 1px;\n box-shadow: 6px 0 #4b5563;\n content: "";\n height: 3px;\n left: 3px;\n position: absolute;\n top: -3px;\n width: 2px;\n}\n:host .date-field .calendar-trigger {\n align-items: center;\n background: transparent;\n border: 0;\n cursor: pointer;\n display: flex;\n height: 40px;\n justify-content: center;\n padding: 0;\n position: absolute;\n right: 8px;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n z-index: 2;\n}\n:host .date-field .calendar-trigger:hover {\n background: #f3f4f6;\n border-radius: 50%;\n}\n@media (max-width: 900px) {\n :host .filing-details-grid,\n :host .directors-table {\n grid-template-columns: 1fr;\n }\n :host .directors-table-header {\n display: none;\n }\n :host .directors-table-row {\n display: grid;\n grid-template-columns: 1fr;\n border-bottom: 1px solid #e1e6ee;\n }\n :host .directors-table-row > div {\n border: 0;\n padding: 14px 0;\n }\n :host mat-radio-group {\n flex-direction: column;\n gap: 14px;\n }\n}\n/*# sourceMappingURL=change-of-directors-form.component.css.map */\n'] }]
|
|
85821
85825
|
}], null, null);
|
|
85822
85826
|
})();
|
|
85823
85827
|
(() => {
|
|
85824
|
-
(typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaChangeOfDirectorsFormComponent, { className: "BritishColumbiaChangeOfDirectorsFormComponent", filePath: "src/app/components/british-columbia/change-of-directors/change-of-directors-form/change-of-directors-form.component.ts", lineNumber:
|
|
85828
|
+
(typeof ngDevMode === "undefined" || ngDevMode) && \u0275setClassDebugInfo(BritishColumbiaChangeOfDirectorsFormComponent, { className: "BritishColumbiaChangeOfDirectorsFormComponent", filePath: "src/app/components/british-columbia/change-of-directors/change-of-directors-form/change-of-directors-form.component.ts", lineNumber: 61 });
|
|
85825
85829
|
})();
|
|
85826
85830
|
}
|
|
85827
85831
|
});
|
|
Binary file
|