From 25ec322d181cbdac3f7dc1a8073355a0fb652c89 Mon Sep 17 00:00:00 2001 From: Brad Bodine Date: Thu, 14 May 2026 09:16:37 -0500 Subject: [PATCH 1/7] chore(html): modernize browserslist for Angular CLI Use positive queries plus not dead, and exclude kaios/op_mini so the CLI does not list ignored legacy targets. Document the Browserslist rule that exclusions must follow an include query. --- clients/html/browserslist | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/clients/html/browserslist b/clients/html/browserslist index e858dd5c..27d9120f 100755 --- a/clients/html/browserslist +++ b/clients/html/browserslist @@ -1,9 +1,11 @@ -# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers -# For additional information regarding the format and rule options, please see: +# Used by Autoprefixer and the Angular CLI. +# Every `not …` rule must come AFTER at least one positive include (e.g. `> 0.5%` or `defaults`). +# A file that is only `not IE 11` will fail with: +# "Write any browsers query (for instance, `defaults`) before `not IE 11`" # https://github.com/browserslist/browserslist#queries -# For IE 9-11 support, please uncomment the last line of the file and adjust as needed + > 0.5% last 2 versions -Firefox ESR not dead -IE 9-11 +not kaios > 0 +not op_mini all From 78dbd54a5d4286499da4b667d7f663dcdd407717 Mon Sep 17 00:00:00 2001 From: Brad Bodine Date: Thu, 14 May 2026 09:16:56 -0500 Subject: [PATCH 2/7] chore(html): enable strict Angular compiler checks Turn on strictTemplates, strictInjectionParameters, and strictInputAccessModifiers in the app TypeScript config. Consolidate angularCompilerOptions in tsconfig.app.json for the application build and align root tsconfig formatting. --- clients/html/src/tsconfig.app.json | 6 ++++++ clients/html/tsconfig.json | 15 +++++---------- 2 files changed, 11 insertions(+), 10 deletions(-) diff --git a/clients/html/src/tsconfig.app.json b/clients/html/src/tsconfig.app.json index 0fc9fe23..20cbb135 100755 --- a/clients/html/src/tsconfig.app.json +++ b/clients/html/src/tsconfig.app.json @@ -4,6 +4,12 @@ "outDir": "../out-tsc/app", "types": [] }, + "angularCompilerOptions": { + "enableI18nLegacyMessageIdFormat": false, + "strictInjectionParameters": true, + "strictInputAccessModifiers": true, + "strictTemplates": true + }, "files": [ "main.ts" ], diff --git a/clients/html/tsconfig.json b/clients/html/tsconfig.json index 555e7ba3..452a4352 100755 --- a/clients/html/tsconfig.json +++ b/clients/html/tsconfig.json @@ -14,21 +14,16 @@ "useDefineForClassFields": false, "resolveJsonModule": true, "esModuleInterop": true, - "typeRoots": [ - "node_modules/@types" - ], - "lib": [ - "ES2022", - "dom" - ], + "typeRoots": ["node_modules/@types"], + "lib": ["ES2022", "dom"], "strictNullChecks": false, "noImplicitAny": false, "skipLibCheck": true }, "angularCompilerOptions": { "enableI18nLegacyMessageIdFormat": false, - "strictInjectionParameters": false, - "strictInputAccessModifiers": false, - "strictTemplates": false + "strictInjectionParameters": true, + "strictInputAccessModifiers": true, + "strictTemplates": true } } From ddb1d7e9014b7997cc97fef0c2e759a3e887d5a0 Mon Sep 17 00:00:00 2001 From: Brad Bodine Date: Thu, 14 May 2026 09:17:04 -0500 Subject: [PATCH 3/7] fix(html): align quote UI with strict templates and typing Expose FormArray getters for *ngFor, bind debounceTime with property syntax, type change handlers for effective date, and tighten nav inputs and method signatures. Add treeview filterText for the template filter. --- .../dropdown-treeview-select.component.ts | 1 + .../employer-details.component.html | 18 ++++++------- .../employer-details.component.ts | 25 +++++++++++++++++-- clients/html/src/app/nav/nav.component.ts | 6 ++--- 4 files changed, 36 insertions(+), 14 deletions(-) diff --git a/clients/html/src/app/dropdown-treeview-select/dropdown-treeview-select.component.ts b/clients/html/src/app/dropdown-treeview-select/dropdown-treeview-select.component.ts index efb7ef66..40031f92 100644 --- a/clients/html/src/app/dropdown-treeview-select/dropdown-treeview-select.component.ts +++ b/clients/html/src/app/dropdown-treeview-select/dropdown-treeview-select.component.ts @@ -11,6 +11,7 @@ import sicCodes from '../../data/sicCodes.json'; export class DropdownTreeviewSelectComponent implements OnInit { items: TreeviewItem[]; sicCodes = sicCodes; + filterText = ''; config = TreeviewConfig.create({ hasFilter: true, diff --git a/clients/html/src/app/employer-details/employer-details.component.html b/clients/html/src/app/employer-details/employer-details.component.html index 5d3cb36f..63bf484d 100644 --- a/clients/html/src/app/employer-details/employer-details.component.html +++ b/clients/html/src/app/employer-details/employer-details.component.html @@ -22,7 +22,7 @@

Employer Information

id="inlineFormCustomSelect" formControlName="effectiveDate" id="effectiveDate" - (change)="updateEffectiveDate($event.target.value)" + (change)="onEffectiveDateChange($event)" >