npm - @cleavelandprice/ngx-lib - Versions diffs - 4.4.13 → 4.4.15 - Mend

@cleavelandprice/ngx-lib 4.4.13 → 4.4.15

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.

Files changed (360) hide show

package/fesm2022/cleavelandprice-ngx-lib-sharepoint.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, Injectable, Optional, Inject, Pipe, input, Component, NgModule, SkipSelf } from '@angular/core';
+import { InjectionToken, inject, Optional, Inject, Injectable, Pipe, input, Component, SkipSelf, NgModule } from '@angular/core';
 import { of, map } from 'rxjs';
 import { HttpClient } from '@angular/common/http';
 import { DateTime } from 'luxon';
@@ -147,10 +147,10 @@ class SharePointService extends NgxLibServiceBase {
             console.log('Cache cleared');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SharePointService, deps: [{ token: SharePointServiceOptionsToken, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SharePointService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SharePointService, deps: [{ token: SharePointServiceOptionsToken, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SharePointService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SharePointService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SharePointService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -184,10 +184,10 @@ class UserPhotoUrlPipe {
         return photo ? photo.encodedAbsUrl : null;*/
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UserPhotoUrlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: UserPhotoUrlPipe, isStandalone: true, name: "userPhotoUrl" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: UserPhotoUrlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: UserPhotoUrlPipe, isStandalone: true, name: "userPhotoUrl" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UserPhotoUrlPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: UserPhotoUrlPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'userPhotoUrl',
@@ -198,13 +198,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
 class UserPhotoComponent {
     constructor() {
         this.#activeDirectoryService = inject(ActiveDirectoryService);
-        this.user = input.required();
+        this.user = input.required(...(ngDevMode ? [{ debugName: "user" }] : []));
         //employee = input<CleavelandPriceUser | undefined>();
         // Or...
         //accountName = input<string | undefined>();
-        this.userPhotos = input();
-        this.size = input("2em");
-        this.notRound = input(false);
+        this.userPhotos = input(...(ngDevMode ? [undefined, { debugName: "userPhotos" }] : []));
+        this.size = input("2em", ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.notRound = input(false, ...(ngDevMode ? [{ debugName: "notRound" }] : []));
     }
     #activeDirectoryService;
     ngOnInit() {
@@ -219,10 +219,10 @@ class UserPhotoComponent {
             this._user = this.user();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UserPhotoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: UserPhotoComponent, isStandalone: true, selector: "user-photo", inputs: { user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: true, transformFunction: null }, userPhotos: { classPropertyName: "userPhotos", publicName: "userPhotos", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, notRound: { classPropertyName: "notRound", publicName: "notRound", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (_user) {\r\n  @if ((_user | userPhotoUrl:userPhotos() | async)) {\r\n    <img\r\n      [src]=\"_user | userPhotoUrl:userPhotos() | async\"\r\n      [style.width]=\"size()\"\r\n      [style.height]=\"size()\"\r\n      [style.border-radius]=\"notRound() ? 'initial' : '100%'\">\r\n  }\r\n}\r\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UserPhotoUrlPipe, name: "userPhotoUrl" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: UserPhotoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: UserPhotoComponent, isStandalone: true, selector: "user-photo", inputs: { user: { classPropertyName: "user", publicName: "user", isSignal: true, isRequired: true, transformFunction: null }, userPhotos: { classPropertyName: "userPhotos", publicName: "userPhotos", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, notRound: { classPropertyName: "notRound", publicName: "notRound", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (_user) {\r\n  @if ((_user | userPhotoUrl:userPhotos() | async)) {\r\n    <img\r\n      [src]=\"_user | userPhotoUrl:userPhotos() | async\"\r\n      [style.width]=\"size()\"\r\n      [style.height]=\"size()\"\r\n      [style.border-radius]=\"notRound() ? 'initial' : '100%'\">\r\n  }\r\n}\r\n", styles: [""], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UserPhotoUrlPipe, name: "userPhotoUrl" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UserPhotoComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: UserPhotoComponent, decorators: [{
             type: Component,
             args: [{ selector: 'user-photo', imports: [
                         AsyncPipe,
@@ -247,14 +247,14 @@ class SharePointModule {
             throw new Error('SharePointModule is already loaded. Import it in the AppModule only');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SharePointModule, deps: [{ token: SharePointModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: SharePointModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SharePointModule, deps: [{ token: SharePointModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: SharePointModule, imports: [CommonModule,
             UserPhotoUrlPipe,
             UserPhotoComponent], exports: [UserPhotoUrlPipe,
             UserPhotoComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SharePointModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SharePointModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: SharePointModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: SharePointModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],

package/fesm2022/cleavelandprice-ngx-lib-sharepoint.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cleavelandprice-ngx-lib-sharepoint.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/model/sharepoint-service-options.ts","../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/default-credentials.ts","../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/services/sharepoint.service.ts","../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/pipes/user-photo-url.pipe.ts","../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/components/user-photo/user-photo.component.ts","../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/components/user-photo/user-photo.component.html","../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/sharepoint.module.ts","../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/cleavelandprice-ngx-lib-sharepoint.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\nimport { CachingConfig, Credentials, LoggingConfig, NgxLibServiceOptions } from \"@cleavelandprice/ngx-lib\";\r\n\r\nexport interface SharePointEndpoints {\r\n users?: string;\r\n listItems?: string;\r\n}\r\n\r\nexport interface SharePointPhotos {\r\n site?: string;\r\n list?: string;\r\n additionalPropertiesToRetrieve?: string[]\r\n}\r\n\r\nexport interface SharePointServiceOptions extends NgxLibServiceOptions {\r\n credentials?: Credentials;\r\n caching?: CachingConfig;\r\n endpoints?: SharePointEndpoints;\r\n photos?: SharePointPhotos;\r\n logging?: LoggingConfig;\r\n}\r\nexport const SharePointServiceOptionsToken = new InjectionToken<SharePointServiceOptions>('');","// DO NOT EXPORT THIS FILE!\r\n\r\nexport const DefaultCredentials = {\r\n username: 'itprocess',\r\n password: 'itproce$$'\r\n};","import { HttpClient } from '@angular/common/http';\r\nimport { Inject, inject, Injectable, Optional } from '@angular/core';\r\nimport { DateTime } from 'luxon';\r\nimport { Observable, of } from 'rxjs';\r\n\r\nimport { DefaultCredentials } from '../default-credentials';\r\n\r\nimport { NgxLibServiceBase } from '@cleavelandprice/ngx-lib';\r\nimport { CacheObject } from '../model/cache-object';\r\nimport { ListItem } from '../model/list-item';\r\nimport { ListItemsRequest } from '../model/list-items-request';\r\nimport { PhotoItem } from '../model/photo-item';\r\nimport { SharePointServiceOptions, SharePointServiceOptionsToken } from '../model/sharepoint-service-options';\r\nimport { User } from '../model/user';\r\nimport { UserRequest } from '../model/user-request';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class SharePointService extends NgxLibServiceBase {\r\n #services = {\r\n http: inject(HttpClient)\r\n };\r\n\r\n #cache: {\r\n users?: CacheObject<User>,\r\n photos?: CacheObject<PhotoItem>\r\n } = { users: undefined, photos: undefined };\r\n\r\n #defaultCacheLifeMinutes = 720;\r\n\r\n //#region Utilities\r\n #cacheExpired<T>(cache: CacheObject<T>): boolean {\r\n if (!cache) {\r\n return true;\r\n }\r\n\r\n const lifeMinutes = this.options?.caching?.lifeMinutes ?? this.#defaultCacheLifeMinutes;\r\n const expiration = cache.lastUpdate.plus({ minutes: lifeMinutes});\r\n\r\n return DateTime.now() > expiration;\r\n }\r\n //#endregion\r\n\r\n //#region Initialization\r\n constructor(@Optional() @Inject(SharePointServiceOptionsToken) private options: SharePointServiceOptions) {\r\n\r\n super(options);\r\n\r\n this.options = {\r\n ...options,\r\n \r\n credentials: options?.credentials ?? DefaultCredentials,\r\n\r\n caching: options?.caching ?? {\r\n enabled: false,\r\n lifeMinutes: this.#defaultCacheLifeMinutes\r\n },\r\n\r\n endpoints: options?.endpoints ?? {\r\n users: `/sharepoint/users`,\r\n listItems: `/sharepoint/listitems`\r\n },\r\n \r\n photos: options?.photos ?? {\r\n site: 'https://sharepoint.cleavelandprice.com/digitaldisplay',\r\n list: 'Employee Thumbnail Photos',\r\n additionalPropertiesToRetrieve: [ 'EncodedAbsUrl' ]\r\n },\r\n \r\n logging: options?.logging ?? {\r\n dataCached: false,\r\n cachedDataReturned: false,\r\n freshDataReturned: false,\r\n cacheCleared: false\r\n }\r\n };\r\n }\r\n //#endregion\r\n\r\n getListItems(request: ListItemsRequest): Observable<ListItem[]> {\r\n //const apiUrl = this.options?.apiUrl;\r\n const endpoint = this.options?.endpoints?.listItems;\r\n\r\n return this.#services.http.post<ListItem[]>(`${this.apiUrl}${endpoint}`, request);\r\n //return this.#services.http.post<ListItem[]>(this.config!.endpoints!.listItems!, request);\r\n }\r\n\r\n getPhotos(): Observable<PhotoItem[]> {\r\n const request: ListItemsRequest = {\r\n username: this.options?.credentials?.username,\r\n password: this.options?.credentials?.password,\r\n site: this.options?.photos?.site,\r\n list: this.options?.photos?.list,\r\n additionalPropertiesToRetrieve: this.options?.photos?.additionalPropertiesToRetrieve\r\n };\r\n\r\n const observable$ = this.getListItems(request) as Observable<PhotoItem[]>;\r\n\r\n if (this.options?.caching?.enabled) {\r\n if (this.#cacheExpired<PhotoItem>(this.#cache?.photos!)) {\r\n // Get the data and cache it\r\n observable$.subscribe(data => {\r\n this.#cache!.photos = {\r\n data,\r\n lastUpdate: DateTime.now()\r\n };\r\n\r\n if (this.options?.logging?.dataCached) {\r\n const lifeMinutes = this.options.caching?.lifeMinutes ?? this.#defaultCacheLifeMinutes;\r\n console.log(`Photos cached for ${lifeMinutes} minutes`);\r\n }\r\n });\r\n } else {\r\n // Cache exists and hasn't expired yet\r\n if (this.options.logging?.cachedDataReturned) {\r\n console.log('Returning cached photos');\r\n }\r\n\r\n return of(this.#cache!.photos!.data);\r\n }\r\n }\r\n\r\n // Cache is either disabled or expired, return data from API\r\n if (this.options?.logging?.freshDataReturned) {\r\n console.log('Returning fresh photos');\r\n }\r\n\r\n return observable$;\r\n }\r\n\r\n getUsers(request: UserRequest, id?: number): Observable<User \| User[]> {\r\n const endpoint = this.options?.endpoints?.users;\r\n \r\n const observable$ = this.#services.http.post<User \| User[]>(`${this.apiUrl}${endpoint}/${id ?? ''}`, request);\r\n\r\n //#region Single user\r\n if (id) {\r\n return observable$;\r\n }\r\n //#endregion\r\n\r\n //#region Multiple users\r\n if (this.options?.caching?.enabled) {\r\n if (this.#cacheExpired<User>(this.#cache!.users!)) {\r\n // Get the data and cache it\r\n observable$.subscribe(data => {\r\n this.#cache!.users = {\r\n data: data as User[],\r\n lastUpdate: DateTime.now()\r\n };\r\n\r\n if (this.options?.logging?.dataCached) {\r\n const lifeMinutes = this.options.caching?.lifeMinutes ?? this.#defaultCacheLifeMinutes;\r\n console.log(`Users cached for ${lifeMinutes} minutes`);\r\n }\r\n });\r\n } else {\r\n // Cache exists and hasn't expired yet\r\n if (this.options.logging?.cachedDataReturned) {\r\n console.log('Returning cached users');\r\n }\r\n\r\n return of(this.#cache!.users!.data);\r\n }\r\n }\r\n\r\n // Cache is either disabled or expired, return data from API\r\n if (this.options?.logging?.freshDataReturned) {\r\n console.log('Returning fresh users');\r\n }\r\n\r\n return observable$;\r\n //#endregion\r\n }\r\n\r\n clearCache(): void {\r\n this.#cache = { users: undefined, photos: undefined };\r\n\r\n if (this.options?.logging?.cacheCleared) {\r\n console.log('Cache cleared');\r\n }\r\n }\r\n}","import { inject, Pipe, PipeTransform } from '@angular/core';\r\nimport { CleavelandPriceUser } from '@cleavelandprice/ngx-lib/active-directory';\r\nimport { map, of } from 'rxjs';\r\nimport { PhotoItem } from '../model/photo-item';\r\nimport { SharePointService } from '../services/sharepoint.service';\r\n\r\n@Pipe({\r\n name: 'userPhotoUrl',\r\n standalone: true\r\n})\r\nexport class UserPhotoUrlPipe implements PipeTransform {\r\n #sharePointService = inject(SharePointService);\r\n\r\n transform(user: CleavelandPriceUser, userPhotos?: PhotoItem[]): any {\r\n const observable$ = userPhotos ? of(userPhotos) : this.#sharePointService.getPhotos();\r\n\r\n return observable$\r\n .pipe(\r\n map(photos =>\r\n photos.find(pic =>\r\n // Try to match by employeeNumber, accountName, or title\r\n (pic.employeeNumber && user.employeeNumber && +pic.employeeNumber === +user.employeeNumber) \|\|\r\n (pic.accountName && pic.accountName.toLowerCase() === user.sAMAccountName.toLowerCase()) \|\|\r\n (pic.title && pic.title.toLowerCase() === (user.displayName ?? user.name).toLowerCase())\r\n )?.encodedAbsUrl\r\n )\r\n );\r\n\r\n /const photo = photos\r\n .find(pic =>\r\n (pic.employeeNumber && user.employeeNumber && +pic.employeeNumber === +user.employeeNumber) \|\|\r\n (pic.accountName && pic.accountName.toLowerCase() === user.sAMAccountName.toLowerCase()) \|\|\r\n (pic.title && pic.title.toLowerCase() === user.displayName.toLowerCase()));\r\n\r\n if (!photo) {\r\n console.log(`No photo match for ${user.displayName}`);\r\n }\r\n\r\n return photo ? photo.encodedAbsUrl : null;/\r\n }\r\n}","import { AsyncPipe } from '@angular/common';\r\nimport { Component, inject, input, OnInit } from '@angular/core';\r\nimport { ActiveDirectoryService, CleavelandPriceUser } from '@cleavelandprice/ngx-lib/active-directory';\r\nimport { PhotoItem } from '../../model/photo-item';\r\nimport { UserPhotoUrlPipe } from '../../pipes/user-photo-url.pipe';\r\n\r\n@Component({\r\n selector: 'user-photo',\r\n templateUrl: './user-photo.component.html',\r\n imports: [\r\n AsyncPipe,\r\n UserPhotoUrlPipe\r\n ],\r\n standalone: true,\r\n styleUrl: './user-photo.component.scss'\r\n})\r\nexport class UserPhotoComponent implements OnInit {\r\n #activeDirectoryService = inject(ActiveDirectoryService);\r\n\r\n user = input.required<CleavelandPriceUser \| string>();\r\n protected _user!: CleavelandPriceUser;\r\n\r\n //employee = input<CleavelandPriceUser \| undefined>();\r\n // Or...\r\n //accountName = input<string \| undefined>();\r\n\r\n userPhotos = input<PhotoItem[] \| undefined>();\r\n size = input(\"2em\");\r\n notRound = input(false);\r\n\r\n ngOnInit(): void {;\r\n if (typeof this.user() === 'string') {\r\n // Developer passed in an account name instead of a user object\r\n // We need to do the work of getting the user object ourselves\r\n this.#activeDirectoryService.getUser(this.user() as string)\r\n .subscribe(user => this._user = user);\r\n } else {\r\n this._user = this.user() as CleavelandPriceUser;\r\n }\r\n }\r\n}\r\n","@if (_user) {\r\n @if ((_user \| userPhotoUrl:userPhotos() \| async)) {\r\n <img\r\n [src]=\"_user \| userPhotoUrl:userPhotos() \| async\"\r\n [style.width]=\"size()\"\r\n [style.height]=\"size()\"\r\n [style.border-radius]=\"notRound() ? 'initial' : '100%'\">\r\n }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\n\r\nimport { UserPhotoComponent } from './components/user-photo/user-photo.component';\r\nimport { SharePointServiceOptions, SharePointServiceOptionsToken } from './model/sharepoint-service-options';\r\nimport { UserPhotoUrlPipe } from './pipes/user-photo-url.pipe';\r\n\r\n@NgModule({\r\n declarations: [],\r\n imports: [\r\n CommonModule,\r\n UserPhotoUrlPipe,\r\n UserPhotoComponent\r\n ],\r\n exports: [\r\n UserPhotoUrlPipe,\r\n UserPhotoComponent\r\n ]\r\n})\r\nexport class SharePointModule {\r\n static forRoot(options: SharePointServiceOptions): ModuleWithProviders<SharePointModule> {\r\n return {\r\n ngModule: SharePointModule,\r\n providers: [\r\n {\r\n provide: SharePointServiceOptionsToken,\r\n useValue: options\r\n }\r\n ]\r\n }\r\n }\r\n\r\n constructor(@Optional() @SkipSelf() parentModule: SharePointModule) {\r\n if (parentModule) {\r\n throw new Error(\r\n 'SharePointModule is already loaded. Import it in the AppModule only');\r\n }\r\n }\r\n}","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './sharepoint.api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"cleavelandprice-ngx-lib-sharepoint.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/model/sharepoint-service-options.ts","../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/default-credentials.ts","../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/services/sharepoint.service.ts","../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/pipes/user-photo-url.pipe.ts","../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/components/user-photo/user-photo.component.ts","../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/components/user-photo/user-photo.component.html","../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/sharepoint.module.ts","../../../../projects/cleavelandprice/ngx-lib/sharepoint/src/cleavelandprice-ngx-lib-sharepoint.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\nimport { CachingConfig, Credentials, LoggingConfig, NgxLibServiceOptions } from \"@cleavelandprice/ngx-lib\";\r\n\r\nexport interface SharePointEndpoints {\r\n users?: string;\r\n listItems?: string;\r\n}\r\n\r\nexport interface SharePointPhotos {\r\n site?: string;\r\n list?: string;\r\n additionalPropertiesToRetrieve?: string[]\r\n}\r\n\r\nexport interface SharePointServiceOptions extends NgxLibServiceOptions {\r\n credentials?: Credentials;\r\n caching?: CachingConfig;\r\n endpoints?: SharePointEndpoints;\r\n photos?: SharePointPhotos;\r\n logging?: LoggingConfig;\r\n}\r\nexport const SharePointServiceOptionsToken = new InjectionToken<SharePointServiceOptions>('');","// DO NOT EXPORT THIS FILE!\r\n\r\nexport const DefaultCredentials = {\r\n username: 'itprocess',\r\n password: 'itproce$$'\r\n};","import { HttpClient } from '@angular/common/http';\r\nimport { Inject, inject, Injectable, Optional } from '@angular/core';\r\nimport { DateTime } from 'luxon';\r\nimport { Observable, of } from 'rxjs';\r\n\r\nimport { DefaultCredentials } from '../default-credentials';\r\n\r\nimport { NgxLibServiceBase } from '@cleavelandprice/ngx-lib';\r\nimport { CacheObject } from '../model/cache-object';\r\nimport { ListItem } from '../model/list-item';\r\nimport { ListItemsRequest } from '../model/list-items-request';\r\nimport { PhotoItem } from '../model/photo-item';\r\nimport { SharePointServiceOptions, SharePointServiceOptionsToken } from '../model/sharepoint-service-options';\r\nimport { User } from '../model/user';\r\nimport { UserRequest } from '../model/user-request';\r\n\r\n@Injectable({\r\n providedIn: 'root'\r\n})\r\nexport class SharePointService extends NgxLibServiceBase {\r\n #services = {\r\n http: inject(HttpClient)\r\n };\r\n\r\n #cache: {\r\n users?: CacheObject<User>,\r\n photos?: CacheObject<PhotoItem>\r\n } = { users: undefined, photos: undefined };\r\n\r\n #defaultCacheLifeMinutes = 720;\r\n\r\n //#region Utilities\r\n #cacheExpired<T>(cache: CacheObject<T>): boolean {\r\n if (!cache) {\r\n return true;\r\n }\r\n\r\n const lifeMinutes = this.options?.caching?.lifeMinutes ?? this.#defaultCacheLifeMinutes;\r\n const expiration = cache.lastUpdate.plus({ minutes: lifeMinutes});\r\n\r\n return DateTime.now() > expiration;\r\n }\r\n //#endregion\r\n\r\n //#region Initialization\r\n constructor(@Optional() @Inject(SharePointServiceOptionsToken) private options: SharePointServiceOptions) {\r\n\r\n super(options);\r\n\r\n this.options = {\r\n ...options,\r\n \r\n credentials: options?.credentials ?? DefaultCredentials,\r\n\r\n caching: options?.caching ?? {\r\n enabled: false,\r\n lifeMinutes: this.#defaultCacheLifeMinutes\r\n },\r\n\r\n endpoints: options?.endpoints ?? {\r\n users: `/sharepoint/users`,\r\n listItems: `/sharepoint/listitems`\r\n },\r\n \r\n photos: options?.photos ?? {\r\n site: 'https://sharepoint.cleavelandprice.com/digitaldisplay',\r\n list: 'Employee Thumbnail Photos',\r\n additionalPropertiesToRetrieve: [ 'EncodedAbsUrl' ]\r\n },\r\n \r\n logging: options?.logging ?? {\r\n dataCached: false,\r\n cachedDataReturned: false,\r\n freshDataReturned: false,\r\n cacheCleared: false\r\n }\r\n };\r\n }\r\n //#endregion\r\n\r\n getListItems(request: ListItemsRequest): Observable<ListItem[]> {\r\n //const apiUrl = this.options?.apiUrl;\r\n const endpoint = this.options?.endpoints?.listItems;\r\n\r\n return this.#services.http.post<ListItem[]>(`${this.apiUrl}${endpoint}`, request);\r\n //return this.#services.http.post<ListItem[]>(this.config!.endpoints!.listItems!, request);\r\n }\r\n\r\n getPhotos(): Observable<PhotoItem[]> {\r\n const request: ListItemsRequest = {\r\n username: this.options?.credentials?.username,\r\n password: this.options?.credentials?.password,\r\n site: this.options?.photos?.site,\r\n list: this.options?.photos?.list,\r\n additionalPropertiesToRetrieve: this.options?.photos?.additionalPropertiesToRetrieve\r\n };\r\n\r\n const observable$ = this.getListItems(request) as Observable<PhotoItem[]>;\r\n\r\n if (this.options?.caching?.enabled) {\r\n if (this.#cacheExpired<PhotoItem>(this.#cache?.photos!)) {\r\n // Get the data and cache it\r\n observable$.subscribe(data => {\r\n this.#cache!.photos = {\r\n data,\r\n lastUpdate: DateTime.now()\r\n };\r\n\r\n if (this.options?.logging?.dataCached) {\r\n const lifeMinutes = this.options.caching?.lifeMinutes ?? this.#defaultCacheLifeMinutes;\r\n console.log(`Photos cached for ${lifeMinutes} minutes`);\r\n }\r\n });\r\n } else {\r\n // Cache exists and hasn't expired yet\r\n if (this.options.logging?.cachedDataReturned) {\r\n console.log('Returning cached photos');\r\n }\r\n\r\n return of(this.#cache!.photos!.data);\r\n }\r\n }\r\n\r\n // Cache is either disabled or expired, return data from API\r\n if (this.options?.logging?.freshDataReturned) {\r\n console.log('Returning fresh photos');\r\n }\r\n\r\n return observable$;\r\n }\r\n\r\n getUsers(request: UserRequest, id?: number): Observable<User \| User[]> {\r\n const endpoint = this.options?.endpoints?.users;\r\n \r\n const observable$ = this.#services.http.post<User \| User[]>(`${this.apiUrl}${endpoint}/${id ?? ''}`, request);\r\n\r\n //#region Single user\r\n if (id) {\r\n return observable$;\r\n }\r\n //#endregion\r\n\r\n //#region Multiple users\r\n if (this.options?.caching?.enabled) {\r\n if (this.#cacheExpired<User>(this.#cache!.users!)) {\r\n // Get the data and cache it\r\n observable$.subscribe(data => {\r\n this.#cache!.users = {\r\n data: data as User[],\r\n lastUpdate: DateTime.now()\r\n };\r\n\r\n if (this.options?.logging?.dataCached) {\r\n const lifeMinutes = this.options.caching?.lifeMinutes ?? this.#defaultCacheLifeMinutes;\r\n console.log(`Users cached for ${lifeMinutes} minutes`);\r\n }\r\n });\r\n } else {\r\n // Cache exists and hasn't expired yet\r\n if (this.options.logging?.cachedDataReturned) {\r\n console.log('Returning cached users');\r\n }\r\n\r\n return of(this.#cache!.users!.data);\r\n }\r\n }\r\n\r\n // Cache is either disabled or expired, return data from API\r\n if (this.options?.logging?.freshDataReturned) {\r\n console.log('Returning fresh users');\r\n }\r\n\r\n return observable$;\r\n //#endregion\r\n }\r\n\r\n clearCache(): void {\r\n this.#cache = { users: undefined, photos: undefined };\r\n\r\n if (this.options?.logging?.cacheCleared) {\r\n console.log('Cache cleared');\r\n }\r\n }\r\n}","import { inject, Pipe, PipeTransform } from '@angular/core';\r\nimport { CleavelandPriceUser } from '@cleavelandprice/ngx-lib/active-directory';\r\nimport { map, of } from 'rxjs';\r\nimport { PhotoItem } from '../model/photo-item';\r\nimport { SharePointService } from '../services/sharepoint.service';\r\n\r\n@Pipe({\r\n name: 'userPhotoUrl',\r\n standalone: true\r\n})\r\nexport class UserPhotoUrlPipe implements PipeTransform {\r\n #sharePointService = inject(SharePointService);\r\n\r\n transform(user: CleavelandPriceUser, userPhotos?: PhotoItem[]): any {\r\n const observable$ = userPhotos ? of(userPhotos) : this.#sharePointService.getPhotos();\r\n\r\n return observable$\r\n .pipe(\r\n map(photos =>\r\n photos.find(pic =>\r\n // Try to match by employeeNumber, accountName, or title\r\n (pic.employeeNumber && user.employeeNumber && +pic.employeeNumber === +user.employeeNumber) \|\|\r\n (pic.accountName && pic.accountName.toLowerCase() === user.sAMAccountName.toLowerCase()) \|\|\r\n (pic.title && pic.title.toLowerCase() === (user.displayName ?? user.name).toLowerCase())\r\n )?.encodedAbsUrl\r\n )\r\n );\r\n\r\n /const photo = photos\r\n .find(pic =>\r\n (pic.employeeNumber && user.employeeNumber && +pic.employeeNumber === +user.employeeNumber) \|\|\r\n (pic.accountName && pic.accountName.toLowerCase() === user.sAMAccountName.toLowerCase()) \|\|\r\n (pic.title && pic.title.toLowerCase() === user.displayName.toLowerCase()));\r\n\r\n if (!photo) {\r\n console.log(`No photo match for ${user.displayName}`);\r\n }\r\n\r\n return photo ? photo.encodedAbsUrl : null;/\r\n }\r\n}","import { AsyncPipe } from '@angular/common';\r\nimport { Component, inject, input, OnInit } from '@angular/core';\r\nimport { ActiveDirectoryService, CleavelandPriceUser } from '@cleavelandprice/ngx-lib/active-directory';\r\nimport { PhotoItem } from '../../model/photo-item';\r\nimport { UserPhotoUrlPipe } from '../../pipes/user-photo-url.pipe';\r\n\r\n@Component({\r\n selector: 'user-photo',\r\n templateUrl: './user-photo.component.html',\r\n imports: [\r\n AsyncPipe,\r\n UserPhotoUrlPipe\r\n ],\r\n standalone: true,\r\n styleUrl: './user-photo.component.scss'\r\n})\r\nexport class UserPhotoComponent implements OnInit {\r\n #activeDirectoryService = inject(ActiveDirectoryService);\r\n\r\n user = input.required<CleavelandPriceUser \| string>();\r\n protected _user!: CleavelandPriceUser;\r\n\r\n //employee = input<CleavelandPriceUser \| undefined>();\r\n // Or...\r\n //accountName = input<string \| undefined>();\r\n\r\n userPhotos = input<PhotoItem[] \| undefined>();\r\n size = input(\"2em\");\r\n notRound = input(false);\r\n\r\n ngOnInit(): void {;\r\n if (typeof this.user() === 'string') {\r\n // Developer passed in an account name instead of a user object\r\n // We need to do the work of getting the user object ourselves\r\n this.#activeDirectoryService.getUser(this.user() as string)\r\n .subscribe(user => this._user = user);\r\n } else {\r\n this._user = this.user() as CleavelandPriceUser;\r\n }\r\n }\r\n}\r\n","@if (_user) {\r\n @if ((_user \| userPhotoUrl:userPhotos() \| async)) {\r\n <img\r\n [src]=\"_user \| userPhotoUrl:userPhotos() \| async\"\r\n [style.width]=\"size()\"\r\n [style.height]=\"size()\"\r\n [style.border-radius]=\"notRound() ? 'initial' : '100%'\">\r\n }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\n\r\nimport { UserPhotoComponent } from './components/user-photo/user-photo.component';\r\nimport { SharePointServiceOptions, SharePointServiceOptionsToken } from './model/sharepoint-service-options';\r\nimport { UserPhotoUrlPipe } from './pipes/user-photo-url.pipe';\r\n\r\n@NgModule({\r\n declarations: [],\r\n imports: [\r\n CommonModule,\r\n UserPhotoUrlPipe,\r\n UserPhotoComponent\r\n ],\r\n exports: [\r\n UserPhotoUrlPipe,\r\n UserPhotoComponent\r\n ]\r\n})\r\nexport class SharePointModule {\r\n static forRoot(options: SharePointServiceOptions): ModuleWithProviders<SharePointModule> {\r\n return {\r\n ngModule: SharePointModule,\r\n providers: [\r\n {\r\n provide: SharePointServiceOptionsToken,\r\n useValue: options\r\n }\r\n ]\r\n }\r\n }\r\n\r\n constructor(@Optional() @SkipSelf() parentModule: SharePointModule) {\r\n if (parentModule) {\r\n throw new Error(\r\n 'SharePointModule is already loaded. Import it in the AppModule only');\r\n }\r\n }\r\n}","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './sharepoint.api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cleavelandprice-ngx-lib-table.mjs CHANGED Viewed

@@ -3,7 +3,7 @@ import { Pipe, input, output, viewChild, Component, NgModule } from '@angular/co
 import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
 import { MatSort, MatSortHeader, MatSortModule } from '@angular/material/sort';
 import { MatTableDataSource, MatCell, MatCellDef, MatColumnDef, MatHeaderCell, MatHeaderCellDef, MatHeaderRow, MatHeaderRowDef, MatNoDataRow, MatRow, MatRowDef, MatTable, MatTableModule } from '@angular/material/table';
-import { DatePipe, DecimalPipe, NgStyle, NgClass, CommonModule } from '@angular/common';
+import { NgStyle, DatePipe, DecimalPipe, NgClass, CommonModule } from '@angular/common';
 import * as i1 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import { MatButton, MatIconButton, MatButtonModule } from '@angular/material/button';
@@ -17,10 +17,10 @@ class RoundNumberPipe {
     transform(val) {
         return Math.round(+val);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: RoundNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: RoundNumberPipe, isStandalone: true, name: "roundNumber" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: RoundNumberPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: RoundNumberPipe, isStandalone: true, name: "roundNumber" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: RoundNumberPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: RoundNumberPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'roundNumber', standalone: true }]
         }] });
@@ -29,10 +29,10 @@ class DecimalPointsPipe {
     transform(val, numberOfDecimalPoints) {
         return parseFloat(val.toString()).toFixed(numberOfDecimalPoints);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: DecimalPointsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: DecimalPointsPipe, isStandalone: true, name: "decimalPoints" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DecimalPointsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: DecimalPointsPipe, isStandalone: true, name: "decimalPoints" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: DecimalPointsPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: DecimalPointsPipe, decorators: [{
             type: Pipe,
             args: [{ name: 'decimalPoints', standalone: true }]
         }] });
@@ -40,29 +40,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
 class TableComponent {
     constructor() {
         //#region Inputs
-        this.title = input('');
-        this.tableData = input.required();
-        this.columns = input([]);
-        this.showPaginator = input(true);
-        this.showSearch = input(true);
-        this.maxTableHeight = input('50em');
-        this.shrinkTable = input(false);
-        this.paginatorSticky = input(false);
-        this.pageinatorDefaultIncrement = input(50);
-        this.sortingDataAccessor = input();
-        this.headerBackgroundColor = input('#ffffff');
-        this.headerTextColor = input('#000000');
+        this.title = input('', ...(ngDevMode ? [{ debugName: "title" }] : []));
+        this.tableData = input.required(...(ngDevMode ? [{ debugName: "tableData" }] : []));
+        this.columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
+        this.showPaginator = input(true, ...(ngDevMode ? [{ debugName: "showPaginator" }] : []));
+        this.showSearch = input(true, ...(ngDevMode ? [{ debugName: "showSearch" }] : []));
+        this.maxTableHeight = input('50em', ...(ngDevMode ? [{ debugName: "maxTableHeight" }] : []));
+        this.shrinkTable = input(false, ...(ngDevMode ? [{ debugName: "shrinkTable" }] : []));
+        this.paginatorSticky = input(false, ...(ngDevMode ? [{ debugName: "paginatorSticky" }] : []));
+        this.pageinatorDefaultIncrement = input(50, ...(ngDevMode ? [{ debugName: "pageinatorDefaultIncrement" }] : []));
+        this.sortingDataAccessor = input(...(ngDevMode ? [undefined, { debugName: "sortingDataAccessor" }] : []));
+        this.headerBackgroundColor = input('#ffffff', ...(ngDevMode ? [{ debugName: "headerBackgroundColor" }] : []));
+        this.headerTextColor = input('#000000', ...(ngDevMode ? [{ debugName: "headerTextColor" }] : []));
         //#endregion
         this.buttonClicked = output();
         this.isMobile = false;
-        this.paginator = viewChild(MatPaginator);
-        this.sort = viewChild(MatSort);
+        this.paginator = viewChild(MatPaginator, ...(ngDevMode ? [{ debugName: "paginator" }] : []));
+        this.sort = viewChild(MatSort, ...(ngDevMode ? [{ debugName: "sort" }] : []));
     }
     ngOnInit() {
         this.dataSource = new MatTableDataSource(this.tableData());
         this.dataSource.sortingDataAccessor = this.sortingDataAccessor() ? this.sortingDataAccessor() : this.#setSortingDataAccessor();
         this.columnNames = this.columns().map(c => c.field);
         this.#setTablePageSizeOptions(this.pageinatorDefaultIncrement());
+        this.#setFilterPredicate();
     }
     ngAfterViewInit() {
         if (this.paginator() && !this.dataSource.paginator) {
@@ -123,10 +124,34 @@ class TableComponent {
                         data[sortHeaderId];
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: TableComponent, isStandalone: true, selector: "lib-table", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, tableData: { classPropertyName: "tableData", publicName: "tableData", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, showPaginator: { classPropertyName: "showPaginator", publicName: "showPaginator", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, maxTableHeight: { classPropertyName: "maxTableHeight", publicName: "maxTableHeight", isSignal: true, isRequired: false, transformFunction: null }, shrinkTable: { classPropertyName: "shrinkTable", publicName: "shrinkTable", isSignal: true, isRequired: false, transformFunction: null }, paginatorSticky: { classPropertyName: "paginatorSticky", publicName: "paginatorSticky", isSignal: true, isRequired: false, transformFunction: null }, pageinatorDefaultIncrement: { classPropertyName: "pageinatorDefaultIncrement", publicName: "pageinatorDefaultIncrement", isSignal: true, isRequired: false, transformFunction: null }, sortingDataAccessor: { classPropertyName: "sortingDataAccessor", publicName: "sortingDataAccessor", isSignal: true, isRequired: false, transformFunction: null }, headerBackgroundColor: { classPropertyName: "headerBackgroundColor", publicName: "headerBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, headerTextColor: { classPropertyName: "headerTextColor", publicName: "headerTextColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, isSignal: true }], ngImport: i0, template: "@if (showSearch()) {\r\n  <div style=\"display: flex; gap: .75em;\">\r\n    @if (title() !== '') {\r\n      <h3>{{title()}}</h3>\r\n    }\r\n\r\n    <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1em;\">\r\n        <mat-label>Search</mat-label>\r\n        <mat-icon matPrefix>search</mat-icon>\r\n        <input type=\"text\" matInput (keyup)=\"searchFilterChange($event)\">\r\n    </mat-form-field>\r\n  </div>\r\n}\r\n@else {\r\n  <h3>{{title()}}</h3>\r\n}\r\n\r\n<div class=\"table-container\" [ngStyle]=\"{'max-height': maxTableHeight()}\" [class.shrink-table]=\"shrinkTable()\">\r\n    <table mat-table [dataSource]=\"dataSource\" matSort>\r\n      @for (column of columns(); track column) {\r\n        <ng-container [matColumnDef]=\"column.field\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth, 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">\r\n            <div>{{ column.fieldColumnTitle }}</div>\r\n          </th>\r\n\r\n          <td mat-cell *matCellDef=\"let data\" [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth }\">\r\n            @if(column.isDate) {\r\n              @if(column.isDate.showTime) {\r\n                {{ data[column.field] | date:'short' }}\r\n              }\r\n              @else if(column.isDate.customFormat) {\r\n                {{ data[column.field] | date:'' + column.isDate.customFormat + ''}}\r\n              }\r\n              @else {\r\n                {{ data[column.field] | date:'shortDate' }}\r\n              }\r\n            }\r\n            @else if (column.isNumber) {\r\n              @if (column.isNumber.needsRounded) {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ data[column.field] | number:'0.0-0' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ data[column.field] | number:'0.0-0' }}\r\n                }\r\n                @else {\r\n                  {{ data[column.field] | number:'0.0-0' }}\r\n                }\r\n              } @else {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ data[column.field] | number:'.2-2' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ data[column.field] | number:'.2-2' }}\r\n                }\r\n                @else {\r\n                  {{ data[column.field] | number:'.2-2' }}\r\n                }\r\n              }\r\n            }\r\n            @else if (column.isCheckbox) {\r\n              <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n            }\r\n            @else if (column.isHyperlink) {\r\n              <a [href]=\"data[column.isHyperlink.linkField]\" target=\"_blank\">\r\n                {{ data[column.field] }}\r\n              </a>\r\n            }\r\n            @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\r\n                @if (column.isButton.isIcon.hideOnFieldValue) {\r\n                  <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                    (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                    <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor, 'display': data[column.field] === true ? 'default' : 'none'}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                  </button>\r\n                }\r\n                @else {\r\n                  <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                    (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                    <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                  </button>\r\n                }\r\n              } @else if (column.isButton.isCheckbox) {\r\n                <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                  [(ngModel)]=\"data[column.field]\" (click)=\"buttonClick(data, column.field)\" />\r\n              } @else {\r\n                <button mat-raised-button [disabled]=\"column.isButton.isDisabled\"\r\n                  [color]=\"column.isButton.isDisabled ? undefined : 'primary'\"\r\n                  [class.button-extra-padding]=\"column.isButton.extraPadding\"\r\n                  (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                  {{column.isButton.text}}\r\n                </button>\r\n              }\r\n            }\r\n            @else if (column.nestedField) {\r\n              @if (column.fieldIconButton) {\r\n                {{ getNestedFieldValue(data[column.field], column.nestedField) }}\r\n\r\n                <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                  (click)=\"buttonClick(data, column.field)\">\r\n                  <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n                </button>\r\n              }\r\n              @else\r\n              {\r\n                {{ getNestedFieldValue(data[column.field], column.nestedField) }}\r\n              }\r\n            }\r\n            @else if (column.doubleNestedField) {\r\n              @if (column.fieldIconButton) {\r\n                {{ getDoubleNestedFieldValue(data, column.doubleNestedField.field, column.doubleNestedField.nestedField) }}\r\n\r\n                <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                  (click)=\"buttonClick(data, column.field)\">\r\n                  <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n                </button>\r\n              }\r\n              @else\r\n              {\r\n                {{ getDoubleNestedFieldValue(data, column.doubleNestedField.field, column.doubleNestedField.nestedField) }}\r\n              }\r\n            }\r\n            @else if (column.tripleNestedField) {\r\n              @if (column.fieldIconButton) {\r\n                {{ getTripleNestedFieldValue(data, column.tripleNestedField.field, column.tripleNestedField.childField, column.tripleNestedField.nestedField) }}\r\n\r\n                <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                  (click)=\"buttonClick(data, column.field)\">\r\n                  <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n                </button>\r\n              }\r\n              @else\r\n              {\r\n                {{ getTripleNestedFieldValue(data, column.tripleNestedField.field, column.tripleNestedField.childField, column.tripleNestedField.nestedField) }}\r\n              }\r\n            }\r\n            @else if (column.isEditable) {\r\n              @if (column.isEditable.type === 'textarea') {\r\n                <textarea style=\"width: 100%;\" [rows]=\"3\" [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></textarea>\r\n              }\r\n              @else if (column.isEditable.type === 'dropdown' && column.isEditable.isDropdown) {\r\n                <select [(ngModel)]=\"data[column.field]\" (change)=\"buttonClick(data, column.field)\">\r\n                  @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                    <option\r\n                      [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                    >\r\n                      {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                    </option>\r\n                  }\r\n                </select>\r\n              }\r\n              @else if (column.isEditable.isNumber) {\r\n                @if (column.isEditable.isNumber.needsRounded) {\r\n                  <input [ngModel]=\"data[column.field] | roundNumber\"  style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                }\r\n                @else if (column.isEditable.isNumber.decimalPoints) {\r\n                  <input [ngModel]=\"data[column.field] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column.field, $event)\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                }\r\n                @else {\r\n                  <input [ngModel]=\"data[column.field]\" (ngModelChange)=\"editableFieldChange(data, column.field, $event)\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                }\r\n              }\r\n              @else {\r\n                <input [(ngModel)]=\"data[column.field]\" (ngModelChange)=\"editableFieldChange(data, column.field, $event)\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n              }\r\n            }\r\n            @else if (column.fieldIconButton) {\r\n              {{ data[column.field] }}\r\n\r\n              <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                (click)=\"buttonClick(data, column.field)\">\r\n                <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n              </button>\r\n            }\r\n            @else {\r\n              {{ data[column.field] }}\r\n            }\r\n          </td>\r\n        </ng-container>\r\n      }\r\n\r\n      <tr mat-header-row *matHeaderRowDef=\"columnNames; sticky: true\"></tr>\r\n      <tr mat-row *matRowDef=\"let row; columns: columnNames;\" class=\"table-row\"></tr>\r\n      <tr mat-row *matNoDataRow>\r\n        <td class=\"mat-cell\" colspan=\"9999\">\r\n          No records exist.\r\n        </td>\r\n      </tr>\r\n    </table>\r\n\r\n    @if (showPaginator()) {\r\n      <mat-paginator [class.paginator-sticky]=\"paginatorSticky()\" [pageSizeOptions]=\"pageSizeOptions\" showFirstLastButtons />\r\n    }\r\n</div>\r\n", styles: [".mat-form-field{width:100%!important}.table-container{display:grid;grid-template-columns:1fr;max-height:50em;overflow:auto;margin:1em .5em .5em;text-align:center!important}.table-container .table{width:100%}:host ::ng-deep .mat-sort-header-container{display:flex;justify-content:center;margin-left:1.25em}td,th{text-align:center!important;vertical-align:middle!important}.shrink-table .mat-mdc-unelevated-button{line-height:1.75em}.shrink-table .mat-mdc-outlined-button{line-height:1.5em;height:1.5em}.shrink-table .mat-mdc-row:hover{background-color:#8f8f8f18;font-weight:700}.shrink-table .mat-mdc-row,tr.mat-row{min-height:1.5em;height:1.5em}.shrink-table .mat-mdc-header-row{min-height:40px}.shrink-table tr.mat-mdc-header-row{height:1.5em;border-radius:5px}.shrink-table .mat-column-tools{min-width:225px;max-width:225px}.shrink-table .mat-mdc-header-cell{font-weight:700;padding:0}.paginator-sticky{bottom:0;position:sticky;z-index:10}.button-extra-padding{padding-top:1.75em;padding-bottom:1.75em}\n"], dependencies: [{ kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "component", type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "directive", type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "component", type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: RoundNumberPipe, name: "roundNumber" }, { kind: "pipe", type: DecimalPointsPipe, name: "decimalPoints" }] }); }
+    #setFilterPredicate() {
+        this.dataSource.filterPredicate = (data, filter) => {
+            const accumulator = (currentTerm, key) => {
+                return this.nestedFilterCheck(currentTerm, data, key);
+            };
+            const dataStr = Object.keys(data).reduce(accumulator, '').toLowerCase();
+            // Transform the filter by converting it to lowercase and removing whitespace.
+            const transformedFilter = filter.trim().toLowerCase();
+            return dataStr.indexOf(transformedFilter) !== -1;
+        };
+    }
+    nestedFilterCheck(search, data, key) {
+        if (typeof data[key] === 'object') {
+            for (const k in data[key]) {
+                if (data[key][k] !== null) {
+                    search = this.nestedFilterCheck(search, data[key], k);
+                }
+            }
+        }
+        else {
+            search += data[key];
+        }
+        return search;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.0", type: TableComponent, isStandalone: true, selector: "lib-table", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, tableData: { classPropertyName: "tableData", publicName: "tableData", isSignal: true, isRequired: true, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, showPaginator: { classPropertyName: "showPaginator", publicName: "showPaginator", isSignal: true, isRequired: false, transformFunction: null }, showSearch: { classPropertyName: "showSearch", publicName: "showSearch", isSignal: true, isRequired: false, transformFunction: null }, maxTableHeight: { classPropertyName: "maxTableHeight", publicName: "maxTableHeight", isSignal: true, isRequired: false, transformFunction: null }, shrinkTable: { classPropertyName: "shrinkTable", publicName: "shrinkTable", isSignal: true, isRequired: false, transformFunction: null }, paginatorSticky: { classPropertyName: "paginatorSticky", publicName: "paginatorSticky", isSignal: true, isRequired: false, transformFunction: null }, pageinatorDefaultIncrement: { classPropertyName: "pageinatorDefaultIncrement", publicName: "pageinatorDefaultIncrement", isSignal: true, isRequired: false, transformFunction: null }, sortingDataAccessor: { classPropertyName: "sortingDataAccessor", publicName: "sortingDataAccessor", isSignal: true, isRequired: false, transformFunction: null }, headerBackgroundColor: { classPropertyName: "headerBackgroundColor", publicName: "headerBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, headerTextColor: { classPropertyName: "headerTextColor", publicName: "headerTextColor", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, isSignal: true }], ngImport: i0, template: "@if (showSearch()) {\r\n  <div style=\"display: flex; gap: .75em;\">\r\n    @if (title() !== '') {\r\n      <h3>{{title()}}</h3>\r\n    }\r\n\r\n    <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1em;\">\r\n        <mat-label>Search</mat-label>\r\n        <mat-icon matPrefix>search</mat-icon>\r\n        <input type=\"text\" matInput (keyup)=\"searchFilterChange($event)\">\r\n    </mat-form-field>\r\n  </div>\r\n}\r\n@else {\r\n  <h3>{{title()}}</h3>\r\n}\r\n\r\n<div class=\"table-container\" [ngStyle]=\"{'max-height': maxTableHeight()}\" [class.shrink-table]=\"shrinkTable()\">\r\n    <table mat-table [dataSource]=\"dataSource\" matSort>\r\n      @for (column of columns(); track column) {\r\n        <ng-container [matColumnDef]=\"column.field\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth, 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">\r\n            <div>{{ column.fieldColumnTitle }}</div>\r\n          </th>\r\n\r\n          <td mat-cell *matCellDef=\"let data\" [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth }\">\r\n            @if(column.isDate) {\r\n              @if(column.isDate.showTime) {\r\n                {{ data[column.field] | date:'short' }}\r\n              }\r\n              @else if(column.isDate.customFormat) {\r\n                {{ data[column.field] | date:'' + column.isDate.customFormat + ''}}\r\n              }\r\n              @else {\r\n                {{ data[column.field] | date:'shortDate' }}\r\n              }\r\n            }\r\n            @else if (column.isNumber) {\r\n              @if (column.isNumber.needsRounded) {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ data[column.field] | number:'0.0-0' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ data[column.field] | number:'0.0-0' }}\r\n                }\r\n                @else {\r\n                  {{ data[column.field] | number:'0.0-0' }}\r\n                }\r\n              } @else {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ data[column.field] | number:'.2-2' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ data[column.field] | number:'.2-2' }}\r\n                }\r\n                @else {\r\n                  {{ data[column.field] | number:'.2-2' }}\r\n                }\r\n              }\r\n            }\r\n            @else if (column.isCheckbox) {\r\n              <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n            }\r\n            @else if (column.isHyperlink) {\r\n              <a [href]=\"data[column.isHyperlink.linkField]\" target=\"_blank\">\r\n                {{ data[column.field] }}\r\n              </a>\r\n            }\r\n            @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\r\n                @if (column.isButton.isIcon.displayOnFieldValue) {\r\n                  <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                    (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                    <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor, 'display': data[column.field] === true ? 'default' : 'none'}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                  </button>\r\n                }\r\n                @else {\r\n                  <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                    (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                    <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                  </button>\r\n                }\r\n              } @else if (column.isButton.isCheckbox) {\r\n                <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                  [(ngModel)]=\"data[column.field]\" (click)=\"buttonClick(data, column.field)\" />\r\n              } @else {\r\n                <button mat-raised-button [disabled]=\"column.isButton.isDisabled\"\r\n                  [color]=\"column.isButton.isDisabled ? undefined : 'primary'\"\r\n                  [class.button-extra-padding]=\"column.isButton.extraPadding\"\r\n                  (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                  {{column.isButton.text}}\r\n                </button>\r\n              }\r\n            }\r\n            @else if (column.nestedField) {\r\n              @if (column.fieldIconButton) {\r\n                {{ getNestedFieldValue(data[column.field], column.nestedField) }}\r\n\r\n                <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                  (click)=\"buttonClick(data, column.field)\">\r\n                  <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n                </button>\r\n              }\r\n              @else\r\n              {\r\n                {{ getNestedFieldValue(data[column.field], column.nestedField) }}\r\n              }\r\n            }\r\n            @else if (column.doubleNestedField) {\r\n              @if (column.fieldIconButton) {\r\n                {{ getDoubleNestedFieldValue(data, column.doubleNestedField.field, column.doubleNestedField.nestedField) }}\r\n\r\n                <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                  (click)=\"buttonClick(data, column.field)\">\r\n                  <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n                </button>\r\n              }\r\n              @else\r\n              {\r\n                {{ getDoubleNestedFieldValue(data, column.doubleNestedField.field, column.doubleNestedField.nestedField) }}\r\n              }\r\n            }\r\n            @else if (column.tripleNestedField) {\r\n              @if (column.fieldIconButton) {\r\n                {{ getTripleNestedFieldValue(data, column.tripleNestedField.field, column.tripleNestedField.childField, column.tripleNestedField.nestedField) }}\r\n\r\n                <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                  (click)=\"buttonClick(data, column.field)\">\r\n                  <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n                </button>\r\n              }\r\n              @else\r\n              {\r\n                {{ getTripleNestedFieldValue(data, column.tripleNestedField.field, column.tripleNestedField.childField, column.tripleNestedField.nestedField) }}\r\n              }\r\n            }\r\n            @else if (column.isEditable) {\r\n              @if (column.isEditable.type === 'textarea') {\r\n                <textarea style=\"width: 100%;\" [rows]=\"3\" [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></textarea>\r\n              }\r\n              @else if (column.isEditable.type === 'dropdown' && column.isEditable.isDropdown) {\r\n                <select [(ngModel)]=\"data[column.field]\" (change)=\"buttonClick(data, column.field)\">\r\n                  @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                    <option\r\n                      [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                    >\r\n                      {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                    </option>\r\n                  }\r\n                </select>\r\n              }\r\n              @else if (column.isEditable.isNumber) {\r\n                @if (column.isEditable.isNumber.needsRounded) {\r\n                  <input [ngModel]=\"data[column.field] | roundNumber\"  style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                }\r\n                @else if (column.isEditable.isNumber.decimalPoints) {\r\n                  <input [ngModel]=\"data[column.field] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column.field, $event)\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                }\r\n                @else {\r\n                  <input [ngModel]=\"data[column.field]\" (ngModelChange)=\"editableFieldChange(data, column.field, $event)\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                }\r\n              }\r\n              @else {\r\n                <input [(ngModel)]=\"data[column.field]\" (ngModelChange)=\"editableFieldChange(data, column.field, $event)\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n              }\r\n            }\r\n            @else if (column.fieldIconButton) {\r\n              {{ data[column.field] }}\r\n\r\n              <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                (click)=\"buttonClick(data, column.field)\">\r\n                <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n              </button>\r\n            }\r\n            @else {\r\n              {{ data[column.field] }}\r\n            }\r\n          </td>\r\n        </ng-container>\r\n      }\r\n\r\n      <tr mat-header-row *matHeaderRowDef=\"columnNames; sticky: true\"></tr>\r\n      <tr mat-row *matRowDef=\"let row; columns: columnNames;\" class=\"table-row\"></tr>\r\n      <tr mat-row *matNoDataRow>\r\n        <td class=\"mat-cell\" colspan=\"9999\">\r\n          No records exist.\r\n        </td>\r\n      </tr>\r\n    </table>\r\n\r\n    @if (showPaginator()) {\r\n      <mat-paginator [class.paginator-sticky]=\"paginatorSticky()\" [pageSizeOptions]=\"pageSizeOptions\" showFirstLastButtons />\r\n    }\r\n</div>\r\n", styles: [".mat-form-field{width:100%!important}.table-container{display:grid;grid-template-columns:1fr;max-height:50em;overflow:auto;margin:1em .5em .5em;text-align:center!important}.table-container .table{width:100%}:host ::ng-deep .mat-sort-header-container{display:flex;justify-content:center;margin-left:1.25em}td,th{text-align:center!important;vertical-align:middle!important}.shrink-table .mat-mdc-unelevated-button{line-height:1.75em}.shrink-table .mat-mdc-outlined-button{line-height:1.5em;height:1.5em}.shrink-table .mat-mdc-row:hover{background-color:#8f8f8f18;font-weight:700}.shrink-table .mat-mdc-row,tr.mat-row{min-height:1.5em;height:1.5em}.shrink-table .mat-mdc-header-row{min-height:40px}.shrink-table tr.mat-mdc-header-row{height:1.5em;border-radius:5px}.shrink-table .mat-column-tools{min-width:225px;max-width:225px}.shrink-table .mat-mdc-header-cell{font-weight:700;padding:0}.paginator-sticky{bottom:0;position:sticky;z-index:10}.button-extra-padding{padding-top:1.75em;padding-bottom:1.75em}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "component", type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "directive", type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "component", type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: RoundNumberPipe, name: "roundNumber" }, { kind: "pipe", type: DecimalPointsPipe, name: "decimalPoints" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-table', imports: [
                         DatePipe,
@@ -159,12 +184,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImpor
                         NgStyle,
                         RoundNumberPipe,
                         DecimalPointsPipe
-                    ], standalone: true, template: "@if (showSearch()) {\r\n  <div style=\"display: flex; gap: .75em;\">\r\n    @if (title() !== '') {\r\n      <h3>{{title()}}</h3>\r\n    }\r\n\r\n    <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1em;\">\r\n        <mat-label>Search</mat-label>\r\n        <mat-icon matPrefix>search</mat-icon>\r\n        <input type=\"text\" matInput (keyup)=\"searchFilterChange($event)\">\r\n    </mat-form-field>\r\n  </div>\r\n}\r\n@else {\r\n  <h3>{{title()}}</h3>\r\n}\r\n\r\n<div class=\"table-container\" [ngStyle]=\"{'max-height': maxTableHeight()}\" [class.shrink-table]=\"shrinkTable()\">\r\n    <table mat-table [dataSource]=\"dataSource\" matSort>\r\n      @for (column of columns(); track column) {\r\n        <ng-container [matColumnDef]=\"column.field\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth, 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">\r\n            <div>{{ column.fieldColumnTitle }}</div>\r\n          </th>\r\n\r\n          <td mat-cell *matCellDef=\"let data\" [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth }\">\r\n            @if(column.isDate) {\r\n              @if(column.isDate.showTime) {\r\n                {{ data[column.field] | date:'short' }}\r\n              }\r\n              @else if(column.isDate.customFormat) {\r\n                {{ data[column.field] | date:'' + column.isDate.customFormat + ''}}\r\n              }\r\n              @else {\r\n                {{ data[column.field] | date:'shortDate' }}\r\n              }\r\n            }\r\n            @else if (column.isNumber) {\r\n              @if (column.isNumber.needsRounded) {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ data[column.field] | number:'0.0-0' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ data[column.field] | number:'0.0-0' }}\r\n                }\r\n                @else {\r\n                  {{ data[column.field] | number:'0.0-0' }}\r\n                }\r\n              } @else {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ data[column.field] | number:'.2-2' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ data[column.field] | number:'.2-2' }}\r\n                }\r\n                @else {\r\n                  {{ data[column.field] | number:'.2-2' }}\r\n                }\r\n              }\r\n            }\r\n            @else if (column.isCheckbox) {\r\n              <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n            }\r\n            @else if (column.isHyperlink) {\r\n              <a [href]=\"data[column.isHyperlink.linkField]\" target=\"_blank\">\r\n                {{ data[column.field] }}\r\n              </a>\r\n            }\r\n            @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\r\n                @if (column.isButton.isIcon.hideOnFieldValue) {\r\n                  <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                    (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                    <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor, 'display': data[column.field] === true ? 'default' : 'none'}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                  </button>\r\n                }\r\n                @else {\r\n                  <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                    (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                    <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                  </button>\r\n                }\r\n              } @else if (column.isButton.isCheckbox) {\r\n                <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                  [(ngModel)]=\"data[column.field]\" (click)=\"buttonClick(data, column.field)\" />\r\n              } @else {\r\n                <button mat-raised-button [disabled]=\"column.isButton.isDisabled\"\r\n                  [color]=\"column.isButton.isDisabled ? undefined : 'primary'\"\r\n                  [class.button-extra-padding]=\"column.isButton.extraPadding\"\r\n                  (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                  {{column.isButton.text}}\r\n                </button>\r\n              }\r\n            }\r\n            @else if (column.nestedField) {\r\n              @if (column.fieldIconButton) {\r\n                {{ getNestedFieldValue(data[column.field], column.nestedField) }}\r\n\r\n                <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                  (click)=\"buttonClick(data, column.field)\">\r\n                  <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n                </button>\r\n              }\r\n              @else\r\n              {\r\n                {{ getNestedFieldValue(data[column.field], column.nestedField) }}\r\n              }\r\n            }\r\n            @else if (column.doubleNestedField) {\r\n              @if (column.fieldIconButton) {\r\n                {{ getDoubleNestedFieldValue(data, column.doubleNestedField.field, column.doubleNestedField.nestedField) }}\r\n\r\n                <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                  (click)=\"buttonClick(data, column.field)\">\r\n                  <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n                </button>\r\n              }\r\n              @else\r\n              {\r\n                {{ getDoubleNestedFieldValue(data, column.doubleNestedField.field, column.doubleNestedField.nestedField) }}\r\n              }\r\n            }\r\n            @else if (column.tripleNestedField) {\r\n              @if (column.fieldIconButton) {\r\n                {{ getTripleNestedFieldValue(data, column.tripleNestedField.field, column.tripleNestedField.childField, column.tripleNestedField.nestedField) }}\r\n\r\n                <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                  (click)=\"buttonClick(data, column.field)\">\r\n                  <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n                </button>\r\n              }\r\n              @else\r\n              {\r\n                {{ getTripleNestedFieldValue(data, column.tripleNestedField.field, column.tripleNestedField.childField, column.tripleNestedField.nestedField) }}\r\n              }\r\n            }\r\n            @else if (column.isEditable) {\r\n              @if (column.isEditable.type === 'textarea') {\r\n                <textarea style=\"width: 100%;\" [rows]=\"3\" [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></textarea>\r\n              }\r\n              @else if (column.isEditable.type === 'dropdown' && column.isEditable.isDropdown) {\r\n                <select [(ngModel)]=\"data[column.field]\" (change)=\"buttonClick(data, column.field)\">\r\n                  @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                    <option\r\n                      [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                    >\r\n                      {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                    </option>\r\n                  }\r\n                </select>\r\n              }\r\n              @else if (column.isEditable.isNumber) {\r\n                @if (column.isEditable.isNumber.needsRounded) {\r\n                  <input [ngModel]=\"data[column.field] | roundNumber\"  style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                }\r\n                @else if (column.isEditable.isNumber.decimalPoints) {\r\n                  <input [ngModel]=\"data[column.field] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column.field, $event)\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                }\r\n                @else {\r\n                  <input [ngModel]=\"data[column.field]\" (ngModelChange)=\"editableFieldChange(data, column.field, $event)\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                }\r\n              }\r\n              @else {\r\n                <input [(ngModel)]=\"data[column.field]\" (ngModelChange)=\"editableFieldChange(data, column.field, $event)\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n              }\r\n            }\r\n            @else if (column.fieldIconButton) {\r\n              {{ data[column.field] }}\r\n\r\n              <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                (click)=\"buttonClick(data, column.field)\">\r\n                <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n              </button>\r\n            }\r\n            @else {\r\n              {{ data[column.field] }}\r\n            }\r\n          </td>\r\n        </ng-container>\r\n      }\r\n\r\n      <tr mat-header-row *matHeaderRowDef=\"columnNames; sticky: true\"></tr>\r\n      <tr mat-row *matRowDef=\"let row; columns: columnNames;\" class=\"table-row\"></tr>\r\n      <tr mat-row *matNoDataRow>\r\n        <td class=\"mat-cell\" colspan=\"9999\">\r\n          No records exist.\r\n        </td>\r\n      </tr>\r\n    </table>\r\n\r\n    @if (showPaginator()) {\r\n      <mat-paginator [class.paginator-sticky]=\"paginatorSticky()\" [pageSizeOptions]=\"pageSizeOptions\" showFirstLastButtons />\r\n    }\r\n</div>\r\n", styles: [".mat-form-field{width:100%!important}.table-container{display:grid;grid-template-columns:1fr;max-height:50em;overflow:auto;margin:1em .5em .5em;text-align:center!important}.table-container .table{width:100%}:host ::ng-deep .mat-sort-header-container{display:flex;justify-content:center;margin-left:1.25em}td,th{text-align:center!important;vertical-align:middle!important}.shrink-table .mat-mdc-unelevated-button{line-height:1.75em}.shrink-table .mat-mdc-outlined-button{line-height:1.5em;height:1.5em}.shrink-table .mat-mdc-row:hover{background-color:#8f8f8f18;font-weight:700}.shrink-table .mat-mdc-row,tr.mat-row{min-height:1.5em;height:1.5em}.shrink-table .mat-mdc-header-row{min-height:40px}.shrink-table tr.mat-mdc-header-row{height:1.5em;border-radius:5px}.shrink-table .mat-column-tools{min-width:225px;max-width:225px}.shrink-table .mat-mdc-header-cell{font-weight:700;padding:0}.paginator-sticky{bottom:0;position:sticky;z-index:10}.button-extra-padding{padding-top:1.75em;padding-bottom:1.75em}\n"] }]
+                    ], standalone: true, template: "@if (showSearch()) {\r\n  <div style=\"display: flex; gap: .75em;\">\r\n    @if (title() !== '') {\r\n      <h3>{{title()}}</h3>\r\n    }\r\n\r\n    <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1em;\">\r\n        <mat-label>Search</mat-label>\r\n        <mat-icon matPrefix>search</mat-icon>\r\n        <input type=\"text\" matInput (keyup)=\"searchFilterChange($event)\">\r\n    </mat-form-field>\r\n  </div>\r\n}\r\n@else {\r\n  <h3>{{title()}}</h3>\r\n}\r\n\r\n<div class=\"table-container\" [ngStyle]=\"{'max-height': maxTableHeight()}\" [class.shrink-table]=\"shrinkTable()\">\r\n    <table mat-table [dataSource]=\"dataSource\" matSort>\r\n      @for (column of columns(); track column) {\r\n        <ng-container [matColumnDef]=\"column.field\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth, 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">\r\n            <div>{{ column.fieldColumnTitle }}</div>\r\n          </th>\r\n\r\n          <td mat-cell *matCellDef=\"let data\" [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth }\">\r\n            @if(column.isDate) {\r\n              @if(column.isDate.showTime) {\r\n                {{ data[column.field] | date:'short' }}\r\n              }\r\n              @else if(column.isDate.customFormat) {\r\n                {{ data[column.field] | date:'' + column.isDate.customFormat + ''}}\r\n              }\r\n              @else {\r\n                {{ data[column.field] | date:'shortDate' }}\r\n              }\r\n            }\r\n            @else if (column.isNumber) {\r\n              @if (column.isNumber.needsRounded) {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ data[column.field] | number:'0.0-0' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ data[column.field] | number:'0.0-0' }}\r\n                }\r\n                @else {\r\n                  {{ data[column.field] | number:'0.0-0' }}\r\n                }\r\n              } @else {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ data[column.field] | number:'.2-2' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ data[column.field] | number:'.2-2' }}\r\n                }\r\n                @else {\r\n                  {{ data[column.field] | number:'.2-2' }}\r\n                }\r\n              }\r\n            }\r\n            @else if (column.isCheckbox) {\r\n              <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n            }\r\n            @else if (column.isHyperlink) {\r\n              <a [href]=\"data[column.isHyperlink.linkField]\" target=\"_blank\">\r\n                {{ data[column.field] }}\r\n              </a>\r\n            }\r\n            @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\r\n                @if (column.isButton.isIcon.displayOnFieldValue) {\r\n                  <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                    (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                    <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor, 'display': data[column.field] === true ? 'default' : 'none'}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                  </button>\r\n                }\r\n                @else {\r\n                  <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                    (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                    <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                  </button>\r\n                }\r\n              } @else if (column.isButton.isCheckbox) {\r\n                <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                  [(ngModel)]=\"data[column.field]\" (click)=\"buttonClick(data, column.field)\" />\r\n              } @else {\r\n                <button mat-raised-button [disabled]=\"column.isButton.isDisabled\"\r\n                  [color]=\"column.isButton.isDisabled ? undefined : 'primary'\"\r\n                  [class.button-extra-padding]=\"column.isButton.extraPadding\"\r\n                  (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                  {{column.isButton.text}}\r\n                </button>\r\n              }\r\n            }\r\n            @else if (column.nestedField) {\r\n              @if (column.fieldIconButton) {\r\n                {{ getNestedFieldValue(data[column.field], column.nestedField) }}\r\n\r\n                <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                  (click)=\"buttonClick(data, column.field)\">\r\n                  <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n                </button>\r\n              }\r\n              @else\r\n              {\r\n                {{ getNestedFieldValue(data[column.field], column.nestedField) }}\r\n              }\r\n            }\r\n            @else if (column.doubleNestedField) {\r\n              @if (column.fieldIconButton) {\r\n                {{ getDoubleNestedFieldValue(data, column.doubleNestedField.field, column.doubleNestedField.nestedField) }}\r\n\r\n                <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                  (click)=\"buttonClick(data, column.field)\">\r\n                  <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n                </button>\r\n              }\r\n              @else\r\n              {\r\n                {{ getDoubleNestedFieldValue(data, column.doubleNestedField.field, column.doubleNestedField.nestedField) }}\r\n              }\r\n            }\r\n            @else if (column.tripleNestedField) {\r\n              @if (column.fieldIconButton) {\r\n                {{ getTripleNestedFieldValue(data, column.tripleNestedField.field, column.tripleNestedField.childField, column.tripleNestedField.nestedField) }}\r\n\r\n                <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                  (click)=\"buttonClick(data, column.field)\">\r\n                  <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n                </button>\r\n              }\r\n              @else\r\n              {\r\n                {{ getTripleNestedFieldValue(data, column.tripleNestedField.field, column.tripleNestedField.childField, column.tripleNestedField.nestedField) }}\r\n              }\r\n            }\r\n            @else if (column.isEditable) {\r\n              @if (column.isEditable.type === 'textarea') {\r\n                <textarea style=\"width: 100%;\" [rows]=\"3\" [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></textarea>\r\n              }\r\n              @else if (column.isEditable.type === 'dropdown' && column.isEditable.isDropdown) {\r\n                <select [(ngModel)]=\"data[column.field]\" (change)=\"buttonClick(data, column.field)\">\r\n                  @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                    <option\r\n                      [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                    >\r\n                      {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                    </option>\r\n                  }\r\n                </select>\r\n              }\r\n              @else if (column.isEditable.isNumber) {\r\n                @if (column.isEditable.isNumber.needsRounded) {\r\n                  <input [ngModel]=\"data[column.field] | roundNumber\"  style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                }\r\n                @else if (column.isEditable.isNumber.decimalPoints) {\r\n                  <input [ngModel]=\"data[column.field] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column.field, $event)\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                }\r\n                @else {\r\n                  <input [ngModel]=\"data[column.field]\" (ngModelChange)=\"editableFieldChange(data, column.field, $event)\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                }\r\n              }\r\n              @else {\r\n                <input [(ngModel)]=\"data[column.field]\" (ngModelChange)=\"editableFieldChange(data, column.field, $event)\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n              }\r\n            }\r\n            @else if (column.fieldIconButton) {\r\n              {{ data[column.field] }}\r\n\r\n              <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                (click)=\"buttonClick(data, column.field)\">\r\n                <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n              </button>\r\n            }\r\n            @else {\r\n              {{ data[column.field] }}\r\n            }\r\n          </td>\r\n        </ng-container>\r\n      }\r\n\r\n      <tr mat-header-row *matHeaderRowDef=\"columnNames; sticky: true\"></tr>\r\n      <tr mat-row *matRowDef=\"let row; columns: columnNames;\" class=\"table-row\"></tr>\r\n      <tr mat-row *matNoDataRow>\r\n        <td class=\"mat-cell\" colspan=\"9999\">\r\n          No records exist.\r\n        </td>\r\n      </tr>\r\n    </table>\r\n\r\n    @if (showPaginator()) {\r\n      <mat-paginator [class.paginator-sticky]=\"paginatorSticky()\" [pageSizeOptions]=\"pageSizeOptions\" showFirstLastButtons />\r\n    }\r\n</div>\r\n", styles: [".mat-form-field{width:100%!important}.table-container{display:grid;grid-template-columns:1fr;max-height:50em;overflow:auto;margin:1em .5em .5em;text-align:center!important}.table-container .table{width:100%}:host ::ng-deep .mat-sort-header-container{display:flex;justify-content:center;margin-left:1.25em}td,th{text-align:center!important;vertical-align:middle!important}.shrink-table .mat-mdc-unelevated-button{line-height:1.75em}.shrink-table .mat-mdc-outlined-button{line-height:1.5em;height:1.5em}.shrink-table .mat-mdc-row:hover{background-color:#8f8f8f18;font-weight:700}.shrink-table .mat-mdc-row,tr.mat-row{min-height:1.5em;height:1.5em}.shrink-table .mat-mdc-header-row{min-height:40px}.shrink-table tr.mat-mdc-header-row{height:1.5em;border-radius:5px}.shrink-table .mat-column-tools{min-width:225px;max-width:225px}.shrink-table .mat-mdc-header-cell{font-weight:700;padding:0}.paginator-sticky{bottom:0;position:sticky;z-index:10}.button-extra-padding{padding-top:1.75em;padding-bottom:1.75em}\n"] }]
         }] });
 class TableModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: TableModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.0", ngImport: i0, type: TableModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             MatButtonModule,
@@ -181,7 +206,7 @@ class TableModule {
             DecimalPointsPipe], exports: [TableComponent,
             RoundNumberPipe,
             DecimalPointsPipe] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TableModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TableModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             MatButtonModule,
@@ -195,7 +220,7 @@ class TableModule {
             MatIconModule,
             TableComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: TableModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],