From d26047f33a47359e9ebdb3357936b64d5138df32 Mon Sep 17 00:00:00 2001
From: Jonah Harmon <jonah.harmon@centeva.com>
Date: Fri, 1 Aug 2025 09:32:50 -0600
Subject: [PATCH] jonahh/multiselet - add ability to pass custom drop-down
 templates to multiselect

---
 projects/centeva-core/src/common/models/table-column.ts     | 1 +
 .../centeva-core/src/components/table/table.component.html  | 6 +++++-
 .../centeva-core/src/components/table/table.component.ts    | 1 +
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/projects/centeva-core/src/common/models/table-column.ts b/projects/centeva-core/src/common/models/table-column.ts
index c146129..163617e 100644
--- a/projects/centeva-core/src/common/models/table-column.ts
+++ b/projects/centeva-core/src/common/models/table-column.ts
@@ -43,6 +43,7 @@ export type SelectColumn = TableColumnBase & {
 
 export type MultiSelectColumn = TableColumnBase & {
   DataType: ColumnDataTypes.MULTISELECT,
+  OptionTemplate?: TemplateRef<unknown>;
   Options: any[];
   OptionValueProperty?: string;
 };
diff --git a/projects/centeva-core/src/components/table/table.component.html b/projects/centeva-core/src/components/table/table.component.html
index 503386e..cfca0ac 100644
--- a/projects/centeva-core/src/components/table/table.component.html
+++ b/projects/centeva-core/src/components/table/table.component.html
@@ -31,7 +31,7 @@
               <mat-label>{{ column.Name }}</mat-label>
               <mat-select [formControlName]="column.Property" (selectionChange)="filterOrValueChanged(column)" matTooltip="Select all that apply" multiple>
                 <mat-option *ngFor="let option of column.Options" [value]="option[column.OptionValueProperty]">
-                  {{ option.Name }}
+                  <ng-container [ngTemplateOutlet]="column.OptionTemplate ?? defaultMultiSelectOption" [ngTemplateOutletContext]="{ option: option }"></ng-container>
                 </mat-option>
               </mat-select>
               <button mat-icon-button matSuffix *ngIf="formGroup.controls[column.Property]?.value?.length > 0" (click)="clearFilter(column, $event)" [attr.aria-label]="'Clear'">
@@ -172,3 +172,7 @@
     {{ (row[column.Property] | dynamic: column.Pipe?.Pipe:column.Pipe?.Values || el )}}
   </mat-checkbox>
 </ng-template>
+
+<ng-template #defaultMultiSelectOption let-option="option">
+  {{option.Name}}
+</ng-template>
\ No newline at end of file
diff --git a/projects/centeva-core/src/components/table/table.component.ts b/projects/centeva-core/src/components/table/table.component.ts
index 26fc390..6353fbb 100644
--- a/projects/centeva-core/src/components/table/table.component.ts
+++ b/projects/centeva-core/src/components/table/table.component.ts
@@ -66,6 +66,7 @@ export class TableComponent implements OnInit {
   @ViewChild('defaultColumn', { static: true }) defaultColumnRef: TemplateRef<undefined>;
   @ViewChild('linkColumn', { static: true }) linkRef: TemplateRef<undefined>;
   @ViewChild('checkboxColumn', { static: true }) checkboxRef: TemplateRef<undefined>;
+  @ViewChild('defaultMultiSelectOption', { static: true }) defaultMultiSelectOptionRef: TemplateRef<undefined>;
 
   private _displayedColumns: TableColumn[];
   private _dataSource: any;