@cleavelandprice/ngx-lib 4.2.0 → 4.3.0

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

@@ -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';\nimport { CleavelandPriceUser } from '@cleavelandprice/ngx-lib/active-directory';\nimport { map, of } from 'rxjs';\nimport { PhotoItem } from '../model/photo-item';\nimport { SharePointService } from '../services/sharepoint.service';\n\n@Pipe({\n  name: 'userPhotoUrl',\n  standalone: true\n})\nexport class UserPhotoUrlPipe implements PipeTransform {\n  #sharePointService = inject(SharePointService);\n\n  transform(user: CleavelandPriceUser, userPhotos?: PhotoItem[]): any {\n    const observable$ = userPhotos ? of(userPhotos) : this.#sharePointService.getPhotos();\n\n    return observable$\n      .pipe(\n        map(photos =>\n          photos.find(pic =>\n            // Try to match by employeeNumber, accountName, or title\n            (pic.employeeNumber && user.employeeNumber && +pic.employeeNumber === +user.employeeNumber) ||\n            (pic.accountName && pic.accountName.toLowerCase() === user.sAMAccountName.toLowerCase()) ||\n            (pic.title && pic.title.toLowerCase() === (user.displayName ?? user.name).toLowerCase())\n          )?.encodedAbsUrl\n        )\n      );\n\n    /*const photo = photos\n      .find(pic =>\n        (pic.employeeNumber && user.employeeNumber && +pic.employeeNumber === +user.employeeNumber) ||\n        (pic.accountName && pic.accountName.toLowerCase() === user.sAMAccountName.toLowerCase()) ||\n        (pic.title && pic.title.toLowerCase() === user.displayName.toLowerCase()));\n\n    if (!photo) {\n      console.log(`No photo match for ${user.displayName}`);\n    }\n\n    return photo ? photo.encodedAbsUrl : null;*/\n  }\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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"}
+{"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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, output, viewChild, Component, NgModule } from '@angular/core';
+import { Pipe, input, output, viewChild, Component, NgModule } from '@angular/core';
 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';
@@ -13,6 +13,30 @@ import { MatIcon, MatIconModule } from '@angular/material/icon';
 import { MatInput, MatInputModule } from '@angular/material/input';
 import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
 
+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" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: RoundNumberPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'roundNumber', standalone: true }]
+        }] });
+
+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" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: DecimalPointsPipe, decorators: [{
+            type: Pipe,
+            args: [{ name: 'decimalPoints', standalone: true }]
+        }] });
+
 class TableComponent {
     constructor() {
         //#region Inputs
@@ -24,6 +48,7 @@ class TableComponent {
         this.maxTableHeight = input('50em');
         this.shrinkTable = input(false);
         this.paginatorSticky = input(false);
+        this.pageinatorDefaultIncrement = input(50);
         this.sortingDataAccessor = input();
         //#endregion
         this.buttonClicked = output();
@@ -37,7 +62,7 @@ class TableComponent {
             this.dataSource.sortingDataAccessor = this.sortingDataAccessor();
         }
         this.columnNames = this.columns().map(c => c.field);
-        this.#setTablePageSizeOptions();
+        this.#setTablePageSizeOptions(this.pageinatorDefaultIncrement());
     }
     ngAfterViewInit() {
         if (this.paginator() && !this.dataSource.paginator) {
@@ -54,6 +79,10 @@ class TableComponent {
     buttonClick(rowData, field) {
         this.buttonClicked.emit({ rowData, field });
     }
+    editableFieldChange(rowData, field, value) {
+        rowData[field] = value;
+        this.buttonClicked.emit({ rowData, field });
+    }
     getNestedFieldValue(rowData, nestedFieldName) {
         if (!nestedFieldName) {
             return;
@@ -67,10 +96,10 @@ class TableComponent {
         }
         this.pageSizeOptions.push(this.dataSource.data.length);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", 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 }, sortingDataAccessor: { classPropertyName: "sortingDataAccessor", publicName: "sortingDataAccessor", 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: "<h3>{{title()}}</h3>\r\n\r\n@if (showSearch()) {\r\n  <mat-form-field appearance=\"outline\">\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}\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 }\">\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              {{ data[column.field] | date:'shortDate' }}\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                } @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:'.1-2' }}%\r\n                } @else {\r\n                  {{ data[column.field] | number:'.1-2' }}\r\n                }\r\n              }\r\n            } @else if (column.isCheckbox) {\r\n              <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\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            } @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\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>{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                </button>\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            } @else if (column.nestedField) {\r\n              {{ getNestedFieldValue(data[column.field], column.nestedField) }}\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                } @else {\r\n                  <input [(ngModel)]=\"data[column.field]\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" [type]=\"column.isEditable.isNumber ? 'number' : 'text'\">\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}td,th{text-align:center!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}.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.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.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"] }] }); }
+    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 } }, 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: "<h3>{{title()}}</h3>\r\n\r\n@if (showSearch()) {\r\n  <mat-form-field appearance=\"outline\">\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}\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 }\">\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              {{ data[column.field] | date:'shortDate' }}\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            } @else if (column.isCheckbox) {\r\n              <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\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            } @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\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>{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                </button>\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            } @else if (column.nestedField) {\r\n              {{ getNestedFieldValue(data[column.field], column.nestedField) }}\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.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 {\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}td,th{text-align:center!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}.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.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.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" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'lib-table', standalone: true, imports: [
                         DatePipe,
@@ -101,12 +130,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
                         MatTooltip,
                         NgClass,
                         NgStyle,
-                    ], template: "<h3>{{title()}}</h3>\r\n\r\n@if (showSearch()) {\r\n  <mat-form-field appearance=\"outline\">\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}\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 }\">\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              {{ data[column.field] | date:'shortDate' }}\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                } @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:'.1-2' }}%\r\n                } @else {\r\n                  {{ data[column.field] | number:'.1-2' }}\r\n                }\r\n              }\r\n            } @else if (column.isCheckbox) {\r\n              <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\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            } @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\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>{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                </button>\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            } @else if (column.nestedField) {\r\n              {{ getNestedFieldValue(data[column.field], column.nestedField) }}\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                } @else {\r\n                  <input [(ngModel)]=\"data[column.field]\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" [type]=\"column.isEditable.isNumber ? 'number' : 'text'\">\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}td,th{text-align:center!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}.paginator-sticky{bottom:0;position:sticky;z-index:10}.button-extra-padding{padding-top:1.75em;padding-bottom:1.75em}\n"] }]
+                        RoundNumberPipe,
+                        DecimalPointsPipe
+                    ], template: "<h3>{{title()}}</h3>\r\n\r\n@if (showSearch()) {\r\n  <mat-form-field appearance=\"outline\">\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}\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 }\">\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              {{ data[column.field] | date:'shortDate' }}\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            } @else if (column.isCheckbox) {\r\n              <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\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            } @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\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>{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                </button>\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            } @else if (column.nestedField) {\r\n              {{ getNestedFieldValue(data[column.field], column.nestedField) }}\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.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 {\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}td,th{text-align:center!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}.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.5", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.5", ngImport: i0, type: TableModule, imports: [CommonModule,
+    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,
             FormsModule,
             ReactiveFormsModule,
             MatButtonModule,
@@ -118,8 +149,12 @@ class TableModule {
             MatPaginatorModule,
             MatTooltipModule,
             MatIconModule,
-            TableComponent], exports: [TableComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableModule, imports: [CommonModule,
+            TableComponent,
+            RoundNumberPipe,
+            DecimalPointsPipe], exports: [TableComponent,
+            RoundNumberPipe,
+            DecimalPointsPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TableModule, imports: [CommonModule,
             FormsModule,
             ReactiveFormsModule,
             MatButtonModule,
@@ -133,7 +168,7 @@ class TableModule {
             MatIconModule,
             TableComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: TableModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],
@@ -150,10 +185,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
                         MatPaginatorModule,
                         MatTooltipModule,
                         MatIconModule,
-                        TableComponent
+                        TableComponent,
+                        RoundNumberPipe,
+                        DecimalPointsPipe
                     ],
                     exports: [
-                        TableComponent
+                        TableComponent,
+                        RoundNumberPipe,
+                        DecimalPointsPipe
                     ]
                 }]
         }] });
@@ -162,5 +201,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { TableComponent, TableModule };
+export { DecimalPointsPipe, RoundNumberPipe, TableComponent, TableModule };
 //# sourceMappingURL=cleavelandprice-ngx-lib-table.mjs.map

package/fesm2022/cleavelandprice-ngx-lib-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cleavelandprice-ngx-lib-table.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/table/src/components/table/table.component.ts","../../../../projects/cleavelandprice/ngx-lib/table/src/components/table/table.component.html","../../../../projects/cleavelandprice/ngx-lib/table/src/table.module.ts","../../../../projects/cleavelandprice/ngx-lib/table/src/cleavelandprice-ngx-lib-table.ts"],"sourcesContent":["import { AfterViewInit, Component, input, output, viewChild } from '@angular/core';\r\n\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatSort, MatSortHeader } from '@angular/material/sort';\r\nimport { MatCell, MatCellDef, MatColumnDef, MatHeaderCell, MatHeaderCellDef, MatHeaderRow, MatHeaderRowDef, MatNoDataRow, MatRow, MatRowDef, MatTable, MatTableDataSource } from '@angular/material/table';\r\n\r\nimport { DatePipe, DecimalPipe, NgClass, NgStyle } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { MatButton, MatIconButton } from '@angular/material/button';\r\nimport { MatCheckbox } from '@angular/material/checkbox';\r\nimport { MatFormField, MatLabel, MatPrefix } from '@angular/material/form-field';\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatInput } from '@angular/material/input';\r\nimport { MatTooltip } from '@angular/material/tooltip';\r\nimport { TableColumn } from '../../model/table-column';\r\n\r\n@Component({\r\n  selector: 'lib-table',\r\n  standalone: true,\r\n  imports: [\r\n    DatePipe,\r\n    DecimalPipe,\r\n    FormsModule,\r\n    MatButton,\r\n    MatCell,\r\n    MatCellDef,\r\n    MatCheckbox,\r\n    MatColumnDef,\r\n    MatFormField,\r\n    MatHeaderCell,\r\n    MatHeaderCellDef,\r\n    MatHeaderRow,\r\n    MatHeaderRowDef,\r\n    MatIcon,\r\n    MatIconButton,\r\n    MatInput,\r\n    MatLabel,\r\n    MatNoDataRow,\r\n    MatPaginator,\r\n    MatPrefix,\r\n    MatRow,\r\n    MatRowDef,\r\n    MatSort,\r\n    MatSortHeader,\r\n    MatTable,\r\n    MatTooltip,\r\n    NgClass,\r\n    NgStyle,\r\n  ],\r\n  templateUrl: './table.component.html',\r\n  styleUrl: './table.component.scss'\r\n})\r\nexport class TableComponent implements AfterViewInit {\r\n  //#region Inputs\r\n  title = input('');\r\n  tableData = input.required<any[]>();\r\n  columns = input<TableColumn[]>([]);\r\n  showPaginator = input(true);\r\n  showSearch = input(true);\r\n  maxTableHeight = input('50em');\r\n  shrinkTable = input(false);\r\n  paginatorSticky = input(false);\r\n  sortingDataAccessor = input<(data: any, sortHeaderId: string) => string>();\r\n  //#endregion\r\n\r\n  buttonClicked = output<{ rowData: any, field: string }>();\r\n\r\n  isMobile = false;\r\n  dataSource!: MatTableDataSource<any>;\r\n  pageSizeOptions!: number[]; // = [10, 20, 100, 500];\r\n  columnNames!: string[];\r\n\r\n  paginator = viewChild(MatPaginator);\r\n  sort = viewChild(MatSort);\r\n\r\n  ngOnInit(): void {\r\n    this.dataSource = new MatTableDataSource(this.tableData());\r\n\r\n    if (this.sortingDataAccessor()) {\r\n      this.dataSource.sortingDataAccessor = this.sortingDataAccessor()!;\r\n    }\r\n\r\n    this.columnNames = this.columns().map(c => c.field);\r\n    \r\n    this.#setTablePageSizeOptions();\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    if (this.paginator() && !this.dataSource.paginator) {\r\n      this.dataSource.paginator = this.paginator()!;\r\n    }\r\n    if (this.sort() && !this.dataSource.sort) {\r\n      this.dataSource.sort = this.sort()!;\r\n    }\r\n  }\r\n\r\n  searchFilterChange(event: Event) {\r\n    const filterValue = (event.target as HTMLInputElement).value;\r\n    this.dataSource.filter = filterValue.trim().toLowerCase();\r\n  }\r\n\r\n  buttonClick(rowData: any, field: string) {\r\n    this.buttonClicked.emit({ rowData, field });\r\n  }\r\n\r\n  getNestedFieldValue(rowData: any, nestedFieldName: string | undefined) {\r\n    if (!nestedFieldName) { return; }\r\n\r\n    return rowData[nestedFieldName];\r\n  }\r\n\r\n  #setTablePageSizeOptions(defaultPageIncrement: number = 50) {\r\n    this.pageSizeOptions = [];\r\n\r\n    for (let i = defaultPageIncrement; i < this.dataSource.data.length; i = i + (defaultPageIncrement * 2)) {\r\n      this.pageSizeOptions.push(i);\r\n    }\r\n\r\n    this.pageSizeOptions.push(this.dataSource.data.length);\r\n  }\r\n}\r\n","<h3>{{title()}}</h3>\r\n\r\n@if (showSearch()) {\r\n  <mat-form-field appearance=\"outline\">\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}\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 }\">\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              {{ data[column.field] | date:'shortDate' }}\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                } @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:'.1-2' }}%\r\n                } @else {\r\n                  {{ data[column.field] | number:'.1-2' }}\r\n                }\r\n              }\r\n            } @else if (column.isCheckbox) {\r\n              <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\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            } @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\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>{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                </button>\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            } @else if (column.nestedField) {\r\n              {{ getNestedFieldValue(data[column.field], column.nestedField) }}\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                } @else {\r\n                  <input [(ngModel)]=\"data[column.field]\" style=\"width: 55%;\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" [type]=\"column.isEditable.isNumber ? 'number' : 'text'\">\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","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatPaginatorModule } from '@angular/material/paginator';\r\nimport { MatSortModule } from '@angular/material/sort';\r\nimport { MatTableModule } from '@angular/material/table';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\nimport { TableComponent } from './components/table/table.component';\r\n\r\n@NgModule({\r\n  declarations: [],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n\r\n    MatButtonModule,\r\n    MatCheckboxModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatTableModule,\r\n    MatSortModule,\r\n    MatPaginatorModule,\r\n    MatTooltipModule,\r\n    MatIconModule,\r\n\r\n    TableComponent\r\n  ],\r\n  exports: [\r\n    TableComponent\r\n  ]\r\n})\r\nexport class TableModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './table.api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cleavelandprice-ngx-lib-table.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/table/src/pipes/roundNumber.ts","../../../../projects/cleavelandprice/ngx-lib/table/src/pipes/decimalPoints.ts","../../../../projects/cleavelandprice/ngx-lib/table/src/components/table/table.component.ts","../../../../projects/cleavelandprice/ngx-lib/table/src/components/table/table.component.html","../../../../projects/cleavelandprice/ngx-lib/table/src/table.module.ts","../../../../projects/cleavelandprice/ngx-lib/table/src/cleavelandprice-ngx-lib-table.ts"],"sourcesContent":["import { Pipe, PipeTransform } from \"@angular/core\";\r\n\r\n@Pipe({ name: 'roundNumber', standalone: true })\r\nexport class RoundNumberPipe implements PipeTransform{\r\n  transform(val: any) {\r\n    return Math.round(+val);\r\n  }\r\n}\r\n","import { Pipe, PipeTransform } from \"@angular/core\";\r\n\r\n@Pipe({ name: 'decimalPoints', standalone: true })\r\nexport class DecimalPointsPipe implements PipeTransform{\r\n  transform(val: any, numberOfDecimalPoints: number) {\r\n    return parseFloat(val.toString()).toFixed(numberOfDecimalPoints);\r\n  }\r\n}\r\n","import { AfterViewInit, Component, input, output, viewChild } from '@angular/core';\r\n\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatSort, MatSortHeader } from '@angular/material/sort';\r\nimport { MatCell, MatCellDef, MatColumnDef, MatHeaderCell, MatHeaderCellDef, MatHeaderRow, MatHeaderRowDef, MatNoDataRow, MatRow, MatRowDef, MatTable, MatTableDataSource } from '@angular/material/table';\r\n\r\nimport { DatePipe, DecimalPipe, NgClass, NgStyle } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { MatButton, MatIconButton } from '@angular/material/button';\r\nimport { MatCheckbox } from '@angular/material/checkbox';\r\nimport { MatFormField, MatLabel, MatPrefix } from '@angular/material/form-field';\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatInput } from '@angular/material/input';\r\nimport { MatTooltip } from '@angular/material/tooltip';\r\nimport { TableColumn } from '../../model/table-column';\r\nimport { RoundNumberPipe } from '../../pipes/roundNumber';\r\nimport { DecimalPointsPipe } from '../../pipes/decimalPoints';\r\n\r\n@Component({\r\n  selector: 'lib-table',\r\n  standalone: true,\r\n  imports: [\r\n    DatePipe,\r\n    DecimalPipe,\r\n    FormsModule,\r\n    MatButton,\r\n    MatCell,\r\n    MatCellDef,\r\n    MatCheckbox,\r\n    MatColumnDef,\r\n    MatFormField,\r\n    MatHeaderCell,\r\n    MatHeaderCellDef,\r\n    MatHeaderRow,\r\n    MatHeaderRowDef,\r\n    MatIcon,\r\n    MatIconButton,\r\n    MatInput,\r\n    MatLabel,\r\n    MatNoDataRow,\r\n    MatPaginator,\r\n    MatPrefix,\r\n    MatRow,\r\n    MatRowDef,\r\n    MatSort,\r\n    MatSortHeader,\r\n    MatTable,\r\n    MatTooltip,\r\n    NgClass,\r\n    NgStyle,\r\n    RoundNumberPipe,\r\n    DecimalPointsPipe\r\n  ],\r\n  templateUrl: './table.component.html',\r\n  styleUrl: './table.component.scss'\r\n})\r\nexport class TableComponent implements AfterViewInit {\r\n  //#region Inputs\r\n  title = input('');\r\n  tableData = input.required<any[]>();\r\n  columns = input<TableColumn[]>([]);\r\n  showPaginator = input(true);\r\n  showSearch = input(true);\r\n  maxTableHeight = input('50em');\r\n  shrinkTable = input(false);\r\n  paginatorSticky = input(false);\r\n  pageinatorDefaultIncrement = input(50);\r\n  sortingDataAccessor = input<(data: any, sortHeaderId: string) => string>();\r\n  //#endregion\r\n\r\n  buttonClicked = output<{ rowData: any, field: string }>();\r\n\r\n  isMobile = false;\r\n  dataSource!: MatTableDataSource<any>;\r\n  pageSizeOptions!: number[]; // = [10, 20, 100, 500];\r\n  columnNames!: string[];\r\n\r\n  paginator = viewChild(MatPaginator);\r\n  sort = viewChild(MatSort);\r\n\r\n  ngOnInit(): void {\r\n    this.dataSource = new MatTableDataSource(this.tableData());\r\n\r\n    if (this.sortingDataAccessor()) {\r\n      this.dataSource.sortingDataAccessor = this.sortingDataAccessor()!;\r\n    }\r\n\r\n    this.columnNames = this.columns().map(c => c.field);\r\n\r\n    this.#setTablePageSizeOptions(this.pageinatorDefaultIncrement());\r\n  }\r\n\r\n  ngAfterViewInit(): void {\r\n    if (this.paginator() && !this.dataSource.paginator) {\r\n      this.dataSource.paginator = this.paginator()!;\r\n    }\r\n    if (this.sort() && !this.dataSource.sort) {\r\n      this.dataSource.sort = this.sort()!;\r\n    }\r\n  }\r\n\r\n  searchFilterChange(event: Event) {\r\n    const filterValue = (event.target as HTMLInputElement).value;\r\n    this.dataSource.filter = filterValue.trim().toLowerCase();\r\n  }\r\n\r\n  buttonClick(rowData: any, field: string) {\r\n    this.buttonClicked.emit({ rowData, field });\r\n  }\r\n\r\n  editableFieldChange(rowData: any, field: string, value: any) {\r\n    rowData[field] = value;\r\n\r\n    this.buttonClicked.emit({ rowData, field });\r\n  }\r\n\r\n  getNestedFieldValue(rowData: any, nestedFieldName: string | undefined) {\r\n    if (!nestedFieldName) { return; }\r\n\r\n    return rowData[nestedFieldName];\r\n  }\r\n\r\n  #setTablePageSizeOptions(defaultPageIncrement: number = 50) {\r\n    this.pageSizeOptions = [];\r\n\r\n    for (let i = defaultPageIncrement; i < this.dataSource.data.length; i = i + (defaultPageIncrement * 2)) {\r\n      this.pageSizeOptions.push(i);\r\n    }\r\n\r\n    this.pageSizeOptions.push(this.dataSource.data.length);\r\n  }\r\n}\r\n","<h3>{{title()}}</h3>\r\n\r\n@if (showSearch()) {\r\n  <mat-form-field appearance=\"outline\">\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}\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 }\">\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              {{ data[column.field] | date:'shortDate' }}\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            } @else if (column.isCheckbox) {\r\n              <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\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            } @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\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>{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                </button>\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            } @else if (column.nestedField) {\r\n              {{ getNestedFieldValue(data[column.field], column.nestedField) }}\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.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 {\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","import { CommonModule } from '@angular/common';\r\nimport { NgModule } from '@angular/core';\r\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatCheckboxModule } from '@angular/material/checkbox';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatPaginatorModule } from '@angular/material/paginator';\r\nimport { MatSortModule } from '@angular/material/sort';\r\nimport { MatTableModule } from '@angular/material/table';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\nimport { TableComponent } from './components/table/table.component';\r\nimport { RoundNumberPipe } from './pipes/roundNumber';\r\nimport { DecimalPointsPipe } from './pipes/decimalPoints';\r\n\r\n@NgModule({\r\n  declarations: [\r\n  ],\r\n  imports: [\r\n    CommonModule,\r\n    FormsModule,\r\n    ReactiveFormsModule,\r\n\r\n    MatButtonModule,\r\n    MatCheckboxModule,\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatTableModule,\r\n    MatSortModule,\r\n    MatPaginatorModule,\r\n    MatTooltipModule,\r\n    MatIconModule,\r\n\r\n    TableComponent,\r\n    RoundNumberPipe,\r\n    DecimalPointsPipe\r\n  ],\r\n  exports: [\r\n    TableComponent,\r\n    RoundNumberPipe,\r\n    DecimalPointsPipe\r\n  ]\r\n})\r\nexport class TableModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './table.api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cleavelandprice-ngx-lib-upload.mjs

@@ -102,10 +102,10 @@ class UploadService extends NgxLibServiceBase {
     getUploadInfo(request) {
         return this.#http.post(`${this.apiUrl}${this.options.databaseEndpoint}/info`, request);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UploadService, deps: [{ token: UploadServiceOptionsToken, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UploadService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UploadService, deps: [{ token: UploadServiceOptionsToken, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UploadService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UploadService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UploadService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -189,10 +189,10 @@ class UploadDialogComponent {
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UploadDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UploadDialogComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "file", first: true, predicate: ["file"], descendants: true, isSignal: true }], ngImport: i0, template: "<input type=\"file\" #file style=\"display: none\" (change)=\"onFilesAdded()\" multiple />\n\n<div mat-dialog-title id=\"title\">\n  <div>{{ services.upload.options.uploadDialogTitle }}</div>\n  <button [disabled]=\"uploading || uploadSuccessful\" mat-raised-button color=\"primary\" class=\"add-files-btn\" (click)=\"addFiles()\">\n    {{ services.upload.options.uploadDialogAddFilesButtonText }}\n  </button>\n</div>\n\n@if (existingFileConflict) {\n  <div id=\"conflict\">\n    {{ existingFileConflict }} already exists on the server and cannot be overwritten\n  </div>\n}\n\n<mat-dialog-content>\n  <mat-list>\n    @for (file of files; track file) {\n      <mat-list-item>\n        <h4 mat-line>{{file.name}}</h4>\n        @if (progress) {\n          <mat-progress-bar mode=\"determinate\" [value]=\"progress[file.name].progress | async\"/>\n        }\n      </mat-list-item>\n    }\n  </mat-list>\n</mat-dialog-content>\n\n<mat-dialog-actions id=\"actions\">\n  @if (showCancelButton) {\n    <button mat-button mat-dialog-close>{{ services.upload.options.uploadDialogCancelButtonText }}</button>\n  }\n  @if (files.size > 0) {\n    <button mat-raised-button color=\"primary\" [disabled]=\"!canBeClosed\" (click)=\"closeDialog()\">{{ primaryButtonText }}</button>\n  }\n</mat-dialog-actions>\n", styles: ["#title{display:flex;justify-content:space-between}#actions{display:flex;justify-content:flex-end}#conflict{font-size:.8em;color:red;margin-top:.5em}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { 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: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UploadDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.0", type: UploadDialogComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "file", first: true, predicate: ["file"], descendants: true, isSignal: true }], ngImport: i0, template: "<input type=\"file\" #file style=\"display: none\" (change)=\"onFilesAdded()\" multiple />\r\n\r\n<div mat-dialog-title id=\"title\">\r\n  <div>{{ services.upload.options.uploadDialogTitle }}</div>\r\n  <button [disabled]=\"uploading || uploadSuccessful\" mat-raised-button color=\"primary\" class=\"add-files-btn\" (click)=\"addFiles()\">\r\n    {{ services.upload.options.uploadDialogAddFilesButtonText }}\r\n  </button>\r\n</div>\r\n\r\n@if (existingFileConflict) {\r\n  <div id=\"conflict\">\r\n    {{ existingFileConflict }} already exists on the server and cannot be overwritten\r\n  </div>\r\n}\r\n\r\n<mat-dialog-content>\r\n  <mat-list>\r\n    @for (file of files; track file) {\r\n      <mat-list-item>\r\n        <h4 mat-line>{{file.name}}</h4>\r\n        @if (progress) {\r\n          <mat-progress-bar mode=\"determinate\" [value]=\"progress[file.name].progress | async\"/>\r\n        }\r\n      </mat-list-item>\r\n    }\r\n  </mat-list>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions id=\"actions\">\r\n  @if (showCancelButton) {\r\n    <button mat-button mat-dialog-close>{{ services.upload.options.uploadDialogCancelButtonText }}</button>\r\n  }\r\n  @if (files.size > 0) {\r\n    <button mat-raised-button color=\"primary\" [disabled]=\"!canBeClosed\" (click)=\"closeDialog()\">{{ primaryButtonText }}</button>\r\n  }\r\n</mat-dialog-actions>\r\n", styles: ["#title{display:flex;justify-content:space-between}#actions{display:flex;justify-content:flex-end}#conflict{font-size:.8em;color:red;margin-top:.5em}\n"], dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }, { 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: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UploadDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UploadDialogComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [
                         AsyncPipe,
@@ -203,7 +203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
                         MatList,
                         MatListItem,
                         MatProgressBar
-                    ], template: "<input type=\"file\" #file style=\"display: none\" (change)=\"onFilesAdded()\" multiple />\n\n<div mat-dialog-title id=\"title\">\n  <div>{{ services.upload.options.uploadDialogTitle }}</div>\n  <button [disabled]=\"uploading || uploadSuccessful\" mat-raised-button color=\"primary\" class=\"add-files-btn\" (click)=\"addFiles()\">\n    {{ services.upload.options.uploadDialogAddFilesButtonText }}\n  </button>\n</div>\n\n@if (existingFileConflict) {\n  <div id=\"conflict\">\n    {{ existingFileConflict }} already exists on the server and cannot be overwritten\n  </div>\n}\n\n<mat-dialog-content>\n  <mat-list>\n    @for (file of files; track file) {\n      <mat-list-item>\n        <h4 mat-line>{{file.name}}</h4>\n        @if (progress) {\n          <mat-progress-bar mode=\"determinate\" [value]=\"progress[file.name].progress | async\"/>\n        }\n      </mat-list-item>\n    }\n  </mat-list>\n</mat-dialog-content>\n\n<mat-dialog-actions id=\"actions\">\n  @if (showCancelButton) {\n    <button mat-button mat-dialog-close>{{ services.upload.options.uploadDialogCancelButtonText }}</button>\n  }\n  @if (files.size > 0) {\n    <button mat-raised-button color=\"primary\" [disabled]=\"!canBeClosed\" (click)=\"closeDialog()\">{{ primaryButtonText }}</button>\n  }\n</mat-dialog-actions>\n", styles: ["#title{display:flex;justify-content:space-between}#actions{display:flex;justify-content:flex-end}#conflict{font-size:.8em;color:red;margin-top:.5em}\n"] }]
+                    ], template: "<input type=\"file\" #file style=\"display: none\" (change)=\"onFilesAdded()\" multiple />\r\n\r\n<div mat-dialog-title id=\"title\">\r\n  <div>{{ services.upload.options.uploadDialogTitle }}</div>\r\n  <button [disabled]=\"uploading || uploadSuccessful\" mat-raised-button color=\"primary\" class=\"add-files-btn\" (click)=\"addFiles()\">\r\n    {{ services.upload.options.uploadDialogAddFilesButtonText }}\r\n  </button>\r\n</div>\r\n\r\n@if (existingFileConflict) {\r\n  <div id=\"conflict\">\r\n    {{ existingFileConflict }} already exists on the server and cannot be overwritten\r\n  </div>\r\n}\r\n\r\n<mat-dialog-content>\r\n  <mat-list>\r\n    @for (file of files; track file) {\r\n      <mat-list-item>\r\n        <h4 mat-line>{{file.name}}</h4>\r\n        @if (progress) {\r\n          <mat-progress-bar mode=\"determinate\" [value]=\"progress[file.name].progress | async\"/>\r\n        }\r\n      </mat-list-item>\r\n    }\r\n  </mat-list>\r\n</mat-dialog-content>\r\n\r\n<mat-dialog-actions id=\"actions\">\r\n  @if (showCancelButton) {\r\n    <button mat-button mat-dialog-close>{{ services.upload.options.uploadDialogCancelButtonText }}</button>\r\n  }\r\n  @if (files.size > 0) {\r\n    <button mat-raised-button color=\"primary\" [disabled]=\"!canBeClosed\" (click)=\"closeDialog()\">{{ primaryButtonText }}</button>\r\n  }\r\n</mat-dialog-actions>\r\n", styles: ["#title{display:flex;justify-content:space-between}#actions{display:flex;justify-content:flex-end}#conflict{font-size:.8em;color:red;margin-top:.5em}\n"] }]
         }] });
 
 class UploadComponent {
@@ -217,10 +217,10 @@ class UploadComponent {
         this.#dialogService.open(UploadDialogComponent, { width: '50%' })
             .afterClosed().subscribe(() => this.dialogClosed.emit());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: UploadComponent, isStandalone: true, selector: "cp-upload", outputs: { dialogClosed: "dialogClosed" }, ngImport: i0, template: '<button mat-raised-button (click)="openUploadDialog()">{{ uploadService.options.uploadButtonText }}</button>', isInline: true, dependencies: [{ kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: UploadComponent, isStandalone: true, selector: "cp-upload", outputs: { dialogClosed: "dialogClosed" }, ngImport: i0, template: '<button mat-raised-button (click)="openUploadDialog()">{{ uploadService.options.uploadButtonText }}</button>', isInline: true, dependencies: [{ kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UploadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UploadComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'cp-upload',
@@ -249,8 +249,8 @@ class UploadModule {
             throw new Error('UploadModule is already loaded. Import it in the AppModule only');
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UploadModule, deps: [{ token: UploadModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.5", ngImport: i0, type: UploadModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UploadModule, deps: [{ token: UploadModule, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.0", ngImport: i0, type: UploadModule, imports: [CommonModule,
             MatButtonModule,
             MatDialogModule,
             MatListModule,
@@ -258,7 +258,7 @@ class UploadModule {
             UploadComponent,
             UploadDialogComponent], exports: [UploadComponent,
             UploadDialogComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UploadModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UploadModule, imports: [CommonModule,
             MatButtonModule,
             MatDialogModule,
             MatListModule,
@@ -266,7 +266,7 @@ class UploadModule {
             UploadComponent,
             UploadDialogComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UploadModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: UploadModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [],