@dyedurham/search-and-file-widget 2.1.34 → 2.1.36
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 +72 -90
- package/package.json +1 -1
package/dnd-filing-shell.js
CHANGED
|
@@ -85900,126 +85900,108 @@ Note: Recommended intrinsic image size is calculated assuming a maximum DPR of $
|
|
|
85900
85900
|
TranslatePipe
|
|
85901
85901
|
], template: `<div class="change-of-directors-form">\r
|
|
85902
85902
|
@if (isNote()) {\r
|
|
85903
|
-
|
|
85904
|
-
|
|
85905
|
-
title="Entity changed"\r
|
|
85906
|
-
content="A new draft needs to be generated as the Entity was changed since the last draft was produced."\r
|
|
85907
|
-
/>\r
|
|
85903
|
+
<alert [type]="alertType.Info" title="Entity changed"\r
|
|
85904
|
+
content="A new draft needs to be generated as the Entity was changed since the last draft was produced." />\r
|
|
85908
85905
|
}\r
|
|
85909
85906
|
\r
|
|
85910
85907
|
@if (errors().length) {\r
|
|
85911
|
-
|
|
85912
|
-
title="The following issues need to be resolved before proceeding:"\r
|
|
85913
|
-
[content]="errors()"\r
|
|
85914
|
-
/>\r
|
|
85908
|
+
<alert title="The following issues need to be resolved before proceeding:" [content]="errors()" />\r
|
|
85915
85909
|
}\r
|
|
85916
85910
|
\r
|
|
85917
85911
|
<div class="change-of-directors-form-content">\r
|
|
85918
85912
|
@let referenceNumbers = getFormGroup(groups.ReferenceNumbers);\r
|
|
85919
85913
|
\r
|
|
85920
85914
|
@if (referenceNumbers) {\r
|
|
85921
|
-
|
|
85922
|
-
|
|
85923
|
-
|
|
85924
|
-
|
|
85925
|
-
[config]="referenceNumbersFields"\r
|
|
85926
|
-
(visiblyValidChange)="onSectionValidChange('refNumbers', $event)"\r
|
|
85927
|
-
/>\r
|
|
85928
|
-
</expandable-card>\r
|
|
85915
|
+
<expandable-card [title]="groups.ReferenceNumbers">\r
|
|
85916
|
+
<filing-form-group [isSubmitted]="isSubmitted()" [form]="referenceNumbers" [config]="referenceNumbersFields"\r
|
|
85917
|
+
(visiblyValidChange)="onSectionValidChange('refNumbers', $event)" />\r
|
|
85918
|
+
</expandable-card>\r
|
|
85929
85919
|
}\r
|
|
85930
85920
|
\r
|
|
85931
85921
|
@let corporationDetails = getFormGroup(groups.CorporationDetails);\r
|
|
85932
85922
|
\r
|
|
85933
85923
|
@if (corporationDetails) {\r
|
|
85934
|
-
|
|
85935
|
-
|
|
85936
|
-
|
|
85937
|
-
|
|
85938
|
-
|
|
85939
|
-
|
|
85940
|
-
|
|
85941
|
-
|
|
85942
|
-
|
|
85943
|
-
|
|
85944
|
-
|
|
85945
|
-
|
|
85946
|
-
|
|
85947
|
-
[config]="companyEmailFields()"
|
|
85948
|
-
[isSubmitted]="isSubmitted()"
|
|
85949
|
-
(visiblyValidChange)="onSectionValidChange('corporationDetails', $event)"
|
|
85950
|
-
/>
|
|
85951
|
-
</div>
|
|
85924
|
+
<expandable-card [isStatusIcon]="false" [title]="groups.CorporationDetails">\r
|
|
85925
|
+
<div class="readonly-summary">\r
|
|
85926
|
+
<p>\r
|
|
85927
|
+
<strong>{{ 'Corporation Name' | translate }}:</strong>\r
|
|
85928
|
+
{{ corporationDetails.get(controls.CorporationName)?.value }}\r
|
|
85929
|
+
</p>\r
|
|
85930
|
+
<p>\r
|
|
85931
|
+
<strong>{{ 'Incorporation Number' | translate }}:</strong>\r
|
|
85932
|
+
{{ corporationDetails.get(controls.IncorporationNumber)?.value }}\r
|
|
85933
|
+
</p>\r
|
|
85934
|
+
<div class="company-email-field">\r
|
|
85935
|
+
<filing-form-group [form]="corporationDetails" [config]="companyEmailFields()" [isSubmitted]="isSubmitted()"\r
|
|
85936
|
+
(visiblyValidChange)="onSectionValidChange('corporationDetails', $event)" />\r
|
|
85952
85937
|
</div>\r
|
|
85953
|
-
</
|
|
85938
|
+
</div>\r
|
|
85939
|
+
</expandable-card>\r
|
|
85954
85940
|
}\r
|
|
85955
85941
|
\r
|
|
85956
|
-
@let directorsArray = getFormArray(groups.Directors)
|
|
85942
|
+
@let directorsArray = getFormArray(groups.Directors);\r
|
|
85957
85943
|
\r
|
|
85958
|
-
<expandable-card [isStatusIcon]="false" [title]="groups.Directors"
|
|
85959
|
-
@if (directorsArray && directorsArray.length) {
|
|
85960
|
-
|
|
85961
|
-
|
|
85962
|
-
|
|
85963
|
-
|
|
85964
|
-
|
|
85965
|
-
|
|
85944
|
+
<expandable-card [isStatusIcon]="false" [title]="groups.Directors">\r
|
|
85945
|
+
@if (directorsArray && directorsArray.length) {\r
|
|
85946
|
+
<div class="directors-table" role="table">\r
|
|
85947
|
+
<div class="directors-table-header" role="row">\r
|
|
85948
|
+
<div role="columnheader">{{ 'Name' | translate }}</div>\r
|
|
85949
|
+
<div role="columnheader">{{ 'Mailing Address' | translate }}</div>\r
|
|
85950
|
+
<div role="columnheader">{{ 'Delivery Address' | translate }}</div>\r
|
|
85951
|
+
</div>\r
|
|
85966
85952
|
\r
|
|
85967
|
-
|
|
85968
|
-
|
|
85969
|
-
|
|
85970
|
-
|
|
85971
|
-
|
|
85972
|
-
|
|
85973
|
-
|
|
85974
|
-
|
|
85975
|
-
}\r
|
|
85976
|
-
@if (isCeasedDirector(directorForm)) {\r
|
|
85977
|
-
<span class="status-pill ceased">{{ 'CEASE' | translate }}</span>\r
|
|
85978
|
-
}\r
|
|
85979
|
-
</div>\r
|
|
85980
|
-
<div role="cell">{{ directorForm.get(controls.MailingAddress)?.value }}</div>\r
|
|
85981
|
-
<div role="cell">{{ directorForm.get(controls.DeliveryAddress)?.value }}</div>\r
|
|
85982
|
-
</div>\r
|
|
85953
|
+
@for (director of directorsArray.controls; track director; let i = $index) {\r
|
|
85954
|
+
@let directorForm = getDirectorForm(i);\r
|
|
85955
|
+
@if (directorForm) {\r
|
|
85956
|
+
<div class="directors-table-row" role="row">\r
|
|
85957
|
+
<div role="cell">\r
|
|
85958
|
+
<strong>{{ directorForm.get(controls.AffiliationName)?.value }}</strong>\r
|
|
85959
|
+
@if (isNewDirector(directorForm)) {\r
|
|
85960
|
+
<span class="status-pill new">{{ 'NEW' | translate }}</span>\r
|
|
85983
85961
|
}\r
|
|
85984
|
-
|
|
85962
|
+
@if (isCeasedDirector(directorForm)) {\r
|
|
85963
|
+
<span class="status-pill ceased">{{ 'CEASE' | translate }}</span>\r
|
|
85964
|
+
}\r
|
|
85965
|
+
</div>\r
|
|
85966
|
+
<div role="cell">{{ directorForm.get(controls.MailingAddress)?.value }}</div>\r
|
|
85967
|
+
<div role="cell">{{ directorForm.get(controls.DeliveryAddress)?.value }}</div>\r
|
|
85985
85968
|
</div>\r
|
|
85969
|
+
}\r
|
|
85970
|
+
}\r
|
|
85971
|
+
</div>\r
|
|
85986
85972
|
} @else {\r
|
|
85987
|
-
|
|
85973
|
+
<h2 class="body-1-regular">{{ 'Unchanged' | translate }}</h2>\r
|
|
85988
85974
|
}\r
|
|
85989
85975
|
</expandable-card>\r
|
|
85990
85976
|
\r
|
|
85991
85977
|
@let annualReportReminder = getFormGroup(groups.AnnualReportReminder);\r
|
|
85992
85978
|
\r
|
|
85993
85979
|
@if (annualReportReminder) {\r
|
|
85994
|
-
|
|
85995
|
-
|
|
85996
|
-
|
|
85997
|
-
|
|
85998
|
-
|
|
85999
|
-
|
|
86000
|
-
|
|
86001
|
-
|
|
86002
|
-
|
|
86003
|
-
|
|
86004
|
-
|
|
86005
|
-
|
|
86006
|
-
|
|
86007
|
-
|
|
86008
|
-
|
|
86009
|
-
>\r
|
|
86010
|
-
|
|
86011
|
-
|
|
86012
|
-
|
|
86013
|
-
|
|
86014
|
-
|
|
86015
|
-
|
|
86016
|
-
</mat-radio-group>\r
|
|
86017
|
-
</div>\r
|
|
86018
|
-
</expandable-card>\r
|
|
85980
|
+
<expandable-card [isStatusIcon]="!readonly()" [isValid]="sectionValidity['annualReportReminder']"\r
|
|
85981
|
+
[title]="groups.AnnualReportReminder">\r
|
|
85982
|
+
<div class="annual-reminder" [formGroup]="annualReportReminder">\r
|
|
85983
|
+
<p>\r
|
|
85984
|
+
{{\r
|
|
85985
|
+
"Does this company wish to be reminded to file its annual reports? If an email address is specified, the\r
|
|
85986
|
+
reminder will be sent to the company's email address. Otherwise, the reminder will be mailed to the registered\r
|
|
85987
|
+
or head office of the company."\r
|
|
85988
|
+
| translate\r
|
|
85989
|
+
}}\r
|
|
85990
|
+
</p>\r
|
|
85991
|
+
<mat-radio-group [formControlName]="controls.AnnualReportReminder"\r
|
|
85992
|
+
(change)="onSectionValidChange('annualReportReminder', annualReportReminder.valid)">\r
|
|
85993
|
+
<mat-radio-button [value]="annualReportReminderOption.Yes">\r
|
|
85994
|
+
{{ 'Yes, send the annual report reminder' | translate }}\r
|
|
85995
|
+
</mat-radio-button>\r
|
|
85996
|
+
<mat-radio-button [value]="annualReportReminderOption.No">\r
|
|
85997
|
+
{{ 'No, I do not need to be reminded' | translate }}\r
|
|
85998
|
+
</mat-radio-button>\r
|
|
85999
|
+
</mat-radio-group>\r
|
|
86000
|
+
</div>\r
|
|
86001
|
+
</expandable-card>\r
|
|
86019
86002
|
}\r
|
|
86020
86003
|
</div>\r
|
|
86021
|
-
</div
|
|
86022
|
-
`, 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: flex;\n flex-direction: column;\n gap: 8px;\n max-width: 100%;\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: 0;\n}\n:host .filing-fee strong {\n color: #2f343b;\n font-weight: 700;\n}\n:host .company-email-field {\n width: 50%;\n}\n:host .effective-date-description {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.45;\n margin: 0;\n}\n:host .effective-date-description 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@media (max-width: 900px) and (max-width: 700px) {\n .company-email-field {\n width: 100%;\n }\n}\n/*# sourceMappingURL=change-of-directors-form.component.css.map */\n'] }]
|
|
86004
|
+
</div>`, 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: flex;\n flex-direction: column;\n gap: 8px;\n max-width: 100%;\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: 0;\n}\n:host .filing-fee strong {\n color: #2f343b;\n font-weight: 700;\n}\n:host .company-email-field {\n width: 50%;\n}\n:host .effective-date-description {\n color: #4b5563;\n font-size: 14px;\n line-height: 1.45;\n margin: 0;\n}\n:host .effective-date-description 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@media (max-width: 900px) and (max-width: 700px) {\n .company-email-field {\n width: 100%;\n }\n}\n/*# sourceMappingURL=change-of-directors-form.component.css.map */\n'] }]
|
|
86023
86005
|
}], null, null);
|
|
86024
86006
|
})();
|
|
86025
86007
|
(() => {
|