@cleavelandprice/ngx-lib 4.6.5 → 4.6.7

package/fesm2022/cleavelandprice-ngx-lib-authentication-material.mjs

@@ -36,12 +36,23 @@ class MatAuthenticationService extends AuthenticationTokenService {
             return;
         }
         this.authenticatedUser = {
+            accountName: decoded.winaccountname,
             admin: decoded.role === 'Admin',
+            department: decoded.department,
             displayName: decoded.displayName,
-            accountName: decoded.winaccountname,
             distinguishedName: decoded.distinguishedName,
+            email: decoded.email,
             employeeNumber: decoded.employeeNumber,
-            memberOf: decoded.memberOf
+            firstName: decoded.firstName,
+            hireDate: decoded.hireDate,
+            lastName: decoded.lastName,
+            manager: decoded.manager,
+            memberOf: decoded.memberOf,
+            phone: decoded.phone,
+            photoUrl: undefined,
+            sid: decoded.sid,
+            title: decoded.title,
+            workShift: decoded.workShift
         };
         this.storage.setItem(this.options.tokenName, token);
         this.#getPhoto();
@@ -57,7 +68,7 @@ class MatAuthenticationService extends AuthenticationTokenService {
             if (!this.authenticatedUser?.employeeNumber) {
                 return;
             }
-            const photo = photos.find(pic => pic.employeeNumber === +this.authenticatedUser.employeeNumber);
+            const photo = this.authenticatedUser.employeeNumber && photos.find(pic => pic.employeeNumber === +this.authenticatedUser.employeeNumber);
             if (photo) {
                 this.authenticatedUser.photoUrl = photo.encodedAbsUrl;
             }

package/fesm2022/cleavelandprice-ngx-lib-authentication-material.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cleavelandprice-ngx-lib-authentication-material.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/model/mat-authentication-service-options-token.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/services/mat-authentication.service.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login-form/login-form.component.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login-form/login-form.component.html","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login/login.component.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login/login.component.html","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/mat-authentication.module.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/cleavelandprice-ngx-lib-authentication-material.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\nimport { MatAuthenticationServiceOptions } from \"./mat-authentication-service-options\";\r\n\r\nexport const MatAuthenticationServiceOptionsToken = new InjectionToken<MatAuthenticationServiceOptions>('');","import { Inject, inject, Injectable, Optional } from '@angular/core';\r\nimport { JwtHelperService } from '@auth0/angular-jwt';\r\n\r\nimport { SharePointService } from '@cleavelandprice/ngx-lib/sharepoint';\r\n\r\nimport {\r\n  AuthenticationToken,\r\n  AuthenticationTokenService\r\n} from '@cleavelandprice/ngx-lib/authentication/token';\r\nimport { MatAuthenticationServiceOptions } from '../model/mat-authentication-service-options';\r\nimport { MatAuthenticationServiceOptionsToken } from '../model/mat-authentication-service-options-token';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class MatAuthenticationService extends AuthenticationTokenService {\r\n  #sharePointService = inject(SharePointService);\r\n\r\n  override options!: MatAuthenticationServiceOptions;\r\n\r\n  //#region Lifecycle\r\n  constructor(@Optional() @Inject(MatAuthenticationServiceOptionsToken) constructorOptions: MatAuthenticationServiceOptions) {\r\n    super({...constructorOptions, deferTokenValidation: true});\r\n\r\n    // When super() was called, the parent class defined the 'options' object with all of the other properties\r\n    this.options = { ...this.options, ...constructorOptions };\r\n    this.checkForExistingToken();\r\n  }\r\n  //#endregion\r\n\r\n  //#region Utilities\r\n  override validateUser(token: string): void {\r\n    const jwtHelper = new JwtHelperService();\r\n    const decoded = jwtHelper.decodeToken(token) as AuthenticationToken;\r\n\r\n    if (jwtHelper.isTokenExpired(token)) {\r\n      this.logout();\r\n      return;\r\n    }\r\n\r\n    this.authenticatedUser = {\r\n      admin: decoded.role === 'Admin',\r\n      displayName: decoded.displayName,\r\n      accountName: decoded.winaccountname,\r\n      distinguishedName: decoded.distinguishedName,\r\n      employeeNumber: decoded.employeeNumber,\r\n      memberOf: decoded.memberOf\r\n    };\r\n\r\n    this.storage.setItem(this.options.tokenName!, token);\r\n\r\n    this.#getPhoto();\r\n    \r\n    this.authenticated = true;\r\n    this.authenticatedChanged.emit(this.authenticated);\r\n\r\n    this.authenticating = false;\r\n    this.authenticatingChanged.emit(this.authenticating);\r\n  }\r\n\r\n  #getPhoto(): void {\r\n    this.#sharePointService.getPhotos()\r\n      .subscribe(photos => {\r\n        // The user may have been logged out by the time the photos came back\r\n        if (!this.authenticatedUser?.employeeNumber) {\r\n          return;\r\n        }\r\n\r\n        const photo = photos.find(pic => pic.employeeNumber === +this.authenticatedUser!.employeeNumber);\r\n\r\n        if (photo) {\r\n          this.authenticatedUser.photoUrl = photo.encodedAbsUrl;\r\n        }\r\n      });\r\n  }\r\n  //#endregion\r\n}","import { Component, inject, OnDestroy, OnInit, OutputRefSubscription } from '@angular/core';\r\nimport { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { MAT_DIALOG_DATA, MatDialogActions, MatDialogContent, MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { MatButton } from '@angular/material/button';\r\nimport { MatFormField } from '@angular/material/form-field';\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatInput } from '@angular/material/input';\r\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\r\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\r\nimport { LoginFormData } from '../../model/login-form-data';\r\nimport { MatAuthenticationService } from '../../services/mat-authentication.service';\r\n\r\n@Component({\r\n    templateUrl: './login-form.component.html',\r\n    imports: [\r\n        MatButton,\r\n        MatDialogActions,\r\n        MatDialogContent,\r\n        MatFormField,\r\n        MatIcon,\r\n        MatInput,\r\n        MatProgressSpinner,\r\n        MatSlideToggle,\r\n        ReactiveFormsModule\r\n    ],\r\n    standalone: true,\r\n    styleUrls: [\r\n        './login-form.component.scss',\r\n        '../../../../../styles/mat-icon.scss'\r\n    ]\r\n})\r\nexport class LoginFormComponent implements OnInit, OnDestroy {\r\n  #data = inject<LoginFormData>(MAT_DIALOG_DATA);\r\n\r\n  services = {\r\n    dialogRef: inject(MatDialogRef<LoginFormComponent>),\r\n    authentication: inject(MatAuthenticationService)\r\n  };\r\n\r\n  errorMessage?: string;\r\n  authenticatedChangedSubscription!: OutputRefSubscription;\r\n  authenticationErrorSubscription!: OutputRefSubscription;\r\n\r\n  form = new FormGroup({\r\n    username: new FormControl(null, [ Validators.required ]),\r\n    password: new FormControl(null, [ Validators.required ]),\r\n    adminGroup: new FormControl(),\r\n    additionalInfo: new FormControl()\r\n  });\r\n\r\n  ngOnInit(): void {\r\n    this.form.get('adminGroup')?.setValue(this.#data.adminGroup);\r\n    this.form.get('additionalInfo')?.setValue(this.#data.additionalInfo);\r\n\r\n    this.authenticatedChangedSubscription = this.services.authentication.authenticatedChanged\r\n      .subscribe(this.#authChangedHandler.bind(this));\r\n\r\n    this.authenticationErrorSubscription = this.services.authentication.authenticationError\r\n      .subscribe(this.#errorHandler.bind(this));\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.authenticationErrorSubscription.unsubscribe();\r\n    this.authenticatedChangedSubscription.unsubscribe();\r\n  }\r\n\r\n  authenticate() {\r\n    this.errorMessage = undefined;\r\n    const { username, password, adminGroup, additionalInfo } = this.form.value;\r\n    this.services.authentication.login(username!, password!, adminGroup, additionalInfo);\r\n  }\r\n\r\n  #authChangedHandler(authenticated: boolean): void {\r\n    if (authenticated) {\r\n      this.services.dialogRef.close();\r\n    }\r\n  }\r\n\r\n  #errorHandler(err: any): void {\r\n    console.log('Authentication error', err);\r\n    this.errorMessage = `${err.name}: ${err.statusText}`;\r\n  }\r\n\r\n  changeTokenStorageMode(checked: boolean): void {\r\n    const keyName = 'storeTokenInSession';\r\n\r\n    if (checked) {\r\n      if (localStorage.getItem(keyName)) {\r\n        localStorage.removeItem(keyName);\r\n      }\r\n    } else {\r\n      localStorage.setItem(keyName, 'true');\r\n    }\r\n  }\r\n}\r\n","<h2 mat-dialog-title>\n  @if (services.authentication.authenticating) {\n    <span>Authenticating...</span>\n  } @else {\n    <span>Login</span>\n  }\n</h2>\n\n<mat-dialog-content>\n  @if (services.authentication.authenticating) {\n    <div id=\"spinner\">\n      <mat-progress-spinner color=\"primary\" mode=\"indeterminate\"/>\n    </div>\n  } @else if (errorMessage) {\n    <div id=\"error\">\n      {{ errorMessage }}\n    </div>\n  } @else {\n    <form [formGroup]=\"form\">\n      <mat-form-field>\n        <input matInput formControlName=\"username\" placeholder=\"Username\" (keyup.enter)=\"authenticate()\">\n      </mat-form-field>\n      <mat-form-field>\n        <input matInput formControlName=\"password\" type=\"password\" placeholder=\"Password\" (keyup.enter)=\"authenticate()\">\n      </mat-form-field>\n      @if (services.authentication.options.showRememberMeOption) {\n        <mat-slide-toggle [checked]=\"!services.authentication.useSessionStorage\" (change)=\"changeTokenStorageMode($event.checked)\">\n          Remember me next time\n        </mat-slide-toggle>\n      }\n    </form>\n  }\n</mat-dialog-content>\n\n@if (!services.authentication.authenticating) {\n  <mat-dialog-actions>\n    <button mat-raised-button color=\"primary\" (click)=\"authenticate()\"\n      [disabled]=\"form.invalid\">\n      <mat-icon fontIcon=\"done\"/>\n      <span>OK</span>\n    </button>\n    <button mat-raised-button (click)=\"services.dialogRef.close()\">\n      <mat-icon fontIcon=\"close\"/>\n      <span>Cancel</span>\n    </button>\n  </mat-dialog-actions>\n}","import { Component, inject, input } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ConfirmationComponent } from '@cleavelandprice/ngx-lib/dialog';\r\n\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatAuthenticationService } from '../../services/mat-authentication.service';\r\nimport { LoginFormComponent } from '../login-form/login-form.component';\r\n\r\n@Component({\r\n    selector: 'cp-login',\r\n    imports: [\r\n        MatIcon,\r\n    ],\r\n    standalone: true,\r\n    templateUrl: './login.component.html',\r\n    styleUrls: [\r\n        './login.component.scss',\r\n        '../../../../../styles/mat-icon.scss'\r\n    ]\r\n})\r\nexport class LoginComponent {\r\n  #services = {\r\n    dialog: inject(MatDialog)\r\n  };\r\n  services = {\r\n    authentication: inject(MatAuthenticationService)\r\n  };\r\n  //#endregion\r\n\r\n  adminGroup = input<string>();\r\n  additionalInfo = input<string>();\r\n\r\n  login(): void {\r\n    this.#services.dialog.open(LoginFormComponent, {\r\n      data: {\r\n        adminGroup: this.adminGroup(),\r\n        additionalInfo: this.additionalInfo()\r\n      }\r\n    });\r\n  }\r\n\r\n  confirmLogout(): void {\r\n    this.#services.dialog.open(ConfirmationComponent, {\r\n      data: { message: `Are you sure you want to logout?` }\r\n    })\r\n    .afterClosed()\r\n    .subscribe(result => {\r\n      if (result) {\r\n        this.services.authentication.logout();\r\n      }\r\n    });\r\n  }\r\n}\r\n","<div id=\"user-id\">\n  <!-- Logged out -->\n  <!-- Logged in -->\n  @if (services.authentication.authenticated) {\n    <!-- With photo -->\n    @if (services.authentication.authenticatedUser?.photoUrl) {\n      <img\n        id=\"authenticated-user-image\"\n        [src]=\"services.authentication.authenticatedUser?.photoUrl\"\n        matTooltip=\"Logout\"\n        (click)=\"confirmLogout()\" />\n    } @else {\n      <!-- Without photo -->\n      <mat-icon\n        fontIcon=\"account_circle\"\n        matTooltip=\"Logout\"\n        (click)=\"confirmLogout()\">\n      </mat-icon>\n    }\n    <!-- Name -->\n    <div id=\"user-name\">\n      {{ services.authentication.authenticatedUser?.displayName }}\n    </div>\n  } @else {\n    <mat-icon\n      fontIcon=\"account_circle\"\n      matTooltip=\"Login\"\n      (click)=\"login()\">\n    </mat-icon>\n  }\n</div>","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\r\n\r\nimport { MatAuthenticationServiceOptions } from './model/mat-authentication-service-options';\r\n\r\n\r\nimport { LoginFormComponent } from './components/login-form/login-form.component';\r\nimport { LoginComponent } from './components/login/login.component';\r\nimport { MatAuthenticationServiceOptionsToken } from './model/mat-authentication-service-options-token';\r\n\r\n@NgModule({\r\n  declarations: [],\r\n  imports: [\r\n    CommonModule,\r\n    ReactiveFormsModule,\r\n    \r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatInputModule,\r\n    MatProgressSpinnerModule,\r\n    MatSlideToggleModule,\r\n\r\n    LoginComponent,\r\n    LoginFormComponent\r\n  ],\r\n  exports: [\r\n    LoginComponent,\r\n    LoginFormComponent\r\n  ]\r\n})\r\nexport class MatAuthenticationModule {\r\n  static forRoot(options: MatAuthenticationServiceOptions): ModuleWithProviders<MatAuthenticationModule> {\r\n    return {\r\n      ngModule: MatAuthenticationModule,\r\n      providers: [\r\n        {\r\n          provide: MatAuthenticationServiceOptionsToken,\r\n          useValue: options\r\n        }\r\n      ]\r\n    };\r\n  }\r\n\r\n  constructor(@Optional() @SkipSelf() parentModule: MatAuthenticationModule) {\r\n    if (parentModule) {\r\n      throw new Error(\r\n        'MatAuthenticationModule 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 './mat-authentication.api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cleavelandprice-ngx-lib-authentication-material.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/model/mat-authentication-service-options-token.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/services/mat-authentication.service.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login-form/login-form.component.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login-form/login-form.component.html","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login/login.component.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/components/login/login.component.html","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/mat-authentication.module.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/material/src/cleavelandprice-ngx-lib-authentication-material.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\nimport { MatAuthenticationServiceOptions } from \"./mat-authentication-service-options\";\r\n\r\nexport const MatAuthenticationServiceOptionsToken = new InjectionToken<MatAuthenticationServiceOptions>('');","import { Inject, inject, Injectable, Optional } from '@angular/core';\r\nimport { JwtHelperService } from '@auth0/angular-jwt';\r\n\r\nimport { SharePointService } from '@cleavelandprice/ngx-lib/sharepoint';\r\n\r\nimport {\r\n  AuthenticationToken,\r\n  AuthenticationTokenService\r\n} from '@cleavelandprice/ngx-lib/authentication/token';\r\nimport { MatAuthenticationServiceOptions } from '../model/mat-authentication-service-options';\r\nimport { MatAuthenticationServiceOptionsToken } from '../model/mat-authentication-service-options-token';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class MatAuthenticationService extends AuthenticationTokenService {\r\n  #sharePointService = inject(SharePointService);\r\n\r\n  override options!: MatAuthenticationServiceOptions;\r\n\r\n  //#region Lifecycle\r\n  constructor(@Optional() @Inject(MatAuthenticationServiceOptionsToken) constructorOptions: MatAuthenticationServiceOptions) {\r\n    super({...constructorOptions, deferTokenValidation: true});\r\n\r\n    // When super() was called, the parent class defined the 'options' object with all of the other properties\r\n    this.options = { ...this.options, ...constructorOptions };\r\n    this.checkForExistingToken();\r\n  }\r\n  //#endregion\r\n\r\n  //#region Utilities\r\n  override validateUser(token: string): void {\r\n    const jwtHelper = new JwtHelperService();\r\n    const decoded = jwtHelper.decodeToken(token) as AuthenticationToken;\r\n\r\n    if (jwtHelper.isTokenExpired(token)) {\r\n      this.logout();\r\n      return;\r\n    }\r\n\r\n    this.authenticatedUser = {\r\n      accountName: decoded.winaccountname,\r\n      admin: decoded.role === 'Admin',\r\n      department: decoded.department,\r\n      displayName: decoded.displayName,\r\n      distinguishedName: decoded.distinguishedName,\r\n      email: decoded.email,\r\n      employeeNumber: decoded.employeeNumber,\r\n      firstName: decoded.firstName,\r\n      hireDate: decoded.hireDate,\r\n      lastName: decoded.lastName,\r\n      manager: decoded.manager,\r\n      memberOf: decoded.memberOf,\r\n      phone: decoded.phone,\r\n      photoUrl: undefined,\r\n      sid: decoded.sid,\r\n      title: decoded.title,\r\n      workShift: decoded.workShift\r\n    };\r\n\r\n    this.storage.setItem(this.options.tokenName!, token);\r\n\r\n    this.#getPhoto();\r\n    \r\n    this.authenticated = true;\r\n    this.authenticatedChanged.emit(this.authenticated);\r\n\r\n    this.authenticating = false;\r\n    this.authenticatingChanged.emit(this.authenticating);\r\n  }\r\n\r\n  #getPhoto(): void {\r\n    this.#sharePointService.getPhotos()\r\n      .subscribe(photos => {\r\n        // The user may have been logged out by the time the photos came back\r\n        if (!this.authenticatedUser?.employeeNumber) {\r\n          return;\r\n        }\r\n\r\n        const photo = this.authenticatedUser!.employeeNumber && photos.find(pic => pic.employeeNumber === +this.authenticatedUser!.employeeNumber!);\r\n\r\n        if (photo) {\r\n          this.authenticatedUser.photoUrl = photo.encodedAbsUrl;\r\n        }\r\n      });\r\n  }\r\n  //#endregion\r\n}","import { Component, inject, OnDestroy, OnInit, OutputRefSubscription } from '@angular/core';\r\nimport { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { MAT_DIALOG_DATA, MatDialogActions, MatDialogContent, MatDialogRef } from '@angular/material/dialog';\r\n\r\nimport { MatButton } from '@angular/material/button';\r\nimport { MatFormField } from '@angular/material/form-field';\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatInput } from '@angular/material/input';\r\nimport { MatProgressSpinner } from '@angular/material/progress-spinner';\r\nimport { MatSlideToggle } from '@angular/material/slide-toggle';\r\nimport { LoginFormData } from '../../model/login-form-data';\r\nimport { MatAuthenticationService } from '../../services/mat-authentication.service';\r\n\r\n@Component({\r\n    templateUrl: './login-form.component.html',\r\n    imports: [\r\n        MatButton,\r\n        MatDialogActions,\r\n        MatDialogContent,\r\n        MatFormField,\r\n        MatIcon,\r\n        MatInput,\r\n        MatProgressSpinner,\r\n        MatSlideToggle,\r\n        ReactiveFormsModule\r\n    ],\r\n    standalone: true,\r\n    styleUrls: [\r\n        './login-form.component.scss',\r\n        '../../../../../styles/mat-icon.scss'\r\n    ]\r\n})\r\nexport class LoginFormComponent implements OnInit, OnDestroy {\r\n  #data = inject<LoginFormData>(MAT_DIALOG_DATA);\r\n\r\n  services = {\r\n    dialogRef: inject(MatDialogRef<LoginFormComponent>),\r\n    authentication: inject(MatAuthenticationService)\r\n  };\r\n\r\n  errorMessage?: string;\r\n  authenticatedChangedSubscription!: OutputRefSubscription;\r\n  authenticationErrorSubscription!: OutputRefSubscription;\r\n\r\n  form = new FormGroup({\r\n    username: new FormControl(null, [ Validators.required ]),\r\n    password: new FormControl(null, [ Validators.required ]),\r\n    adminGroup: new FormControl(),\r\n    additionalInfo: new FormControl()\r\n  });\r\n\r\n  ngOnInit(): void {\r\n    this.form.get('adminGroup')?.setValue(this.#data.adminGroup);\r\n    this.form.get('additionalInfo')?.setValue(this.#data.additionalInfo);\r\n\r\n    this.authenticatedChangedSubscription = this.services.authentication.authenticatedChanged\r\n      .subscribe(this.#authChangedHandler.bind(this));\r\n\r\n    this.authenticationErrorSubscription = this.services.authentication.authenticationError\r\n      .subscribe(this.#errorHandler.bind(this));\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.authenticationErrorSubscription.unsubscribe();\r\n    this.authenticatedChangedSubscription.unsubscribe();\r\n  }\r\n\r\n  authenticate() {\r\n    this.errorMessage = undefined;\r\n    const { username, password, adminGroup, additionalInfo } = this.form.value;\r\n    this.services.authentication.login(username!, password!, adminGroup, additionalInfo);\r\n  }\r\n\r\n  #authChangedHandler(authenticated: boolean): void {\r\n    if (authenticated) {\r\n      this.services.dialogRef.close();\r\n    }\r\n  }\r\n\r\n  #errorHandler(err: any): void {\r\n    console.log('Authentication error', err);\r\n    this.errorMessage = `${err.name}: ${err.statusText}`;\r\n  }\r\n\r\n  changeTokenStorageMode(checked: boolean): void {\r\n    const keyName = 'storeTokenInSession';\r\n\r\n    if (checked) {\r\n      if (localStorage.getItem(keyName)) {\r\n        localStorage.removeItem(keyName);\r\n      }\r\n    } else {\r\n      localStorage.setItem(keyName, 'true');\r\n    }\r\n  }\r\n}\r\n","<h2 mat-dialog-title>\n  @if (services.authentication.authenticating) {\n    <span>Authenticating...</span>\n  } @else {\n    <span>Login</span>\n  }\n</h2>\n\n<mat-dialog-content>\n  @if (services.authentication.authenticating) {\n    <div id=\"spinner\">\n      <mat-progress-spinner color=\"primary\" mode=\"indeterminate\"/>\n    </div>\n  } @else if (errorMessage) {\n    <div id=\"error\">\n      {{ errorMessage }}\n    </div>\n  } @else {\n    <form [formGroup]=\"form\">\n      <mat-form-field>\n        <input matInput formControlName=\"username\" placeholder=\"Username\" (keyup.enter)=\"authenticate()\">\n      </mat-form-field>\n      <mat-form-field>\n        <input matInput formControlName=\"password\" type=\"password\" placeholder=\"Password\" (keyup.enter)=\"authenticate()\">\n      </mat-form-field>\n      @if (services.authentication.options.showRememberMeOption) {\n        <mat-slide-toggle [checked]=\"!services.authentication.useSessionStorage\" (change)=\"changeTokenStorageMode($event.checked)\">\n          Remember me next time\n        </mat-slide-toggle>\n      }\n    </form>\n  }\n</mat-dialog-content>\n\n@if (!services.authentication.authenticating) {\n  <mat-dialog-actions>\n    <button mat-raised-button color=\"primary\" (click)=\"authenticate()\"\n      [disabled]=\"form.invalid\">\n      <mat-icon fontIcon=\"done\"/>\n      <span>OK</span>\n    </button>\n    <button mat-raised-button (click)=\"services.dialogRef.close()\">\n      <mat-icon fontIcon=\"close\"/>\n      <span>Cancel</span>\n    </button>\n  </mat-dialog-actions>\n}","import { Component, inject, input } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { ConfirmationComponent } from '@cleavelandprice/ngx-lib/dialog';\r\n\r\nimport { MatIcon } from '@angular/material/icon';\r\nimport { MatAuthenticationService } from '../../services/mat-authentication.service';\r\nimport { LoginFormComponent } from '../login-form/login-form.component';\r\n\r\n@Component({\r\n    selector: 'cp-login',\r\n    imports: [\r\n        MatIcon,\r\n    ],\r\n    standalone: true,\r\n    templateUrl: './login.component.html',\r\n    styleUrls: [\r\n        './login.component.scss',\r\n        '../../../../../styles/mat-icon.scss'\r\n    ]\r\n})\r\nexport class LoginComponent {\r\n  #services = {\r\n    dialog: inject(MatDialog)\r\n  };\r\n  services = {\r\n    authentication: inject(MatAuthenticationService)\r\n  };\r\n  //#endregion\r\n\r\n  adminGroup = input<string>();\r\n  additionalInfo = input<string>();\r\n\r\n  login(): void {\r\n    this.#services.dialog.open(LoginFormComponent, {\r\n      data: {\r\n        adminGroup: this.adminGroup(),\r\n        additionalInfo: this.additionalInfo()\r\n      }\r\n    });\r\n  }\r\n\r\n  confirmLogout(): void {\r\n    this.#services.dialog.open(ConfirmationComponent, {\r\n      data: { message: `Are you sure you want to logout?` }\r\n    })\r\n    .afterClosed()\r\n    .subscribe(result => {\r\n      if (result) {\r\n        this.services.authentication.logout();\r\n      }\r\n    });\r\n  }\r\n}\r\n","<div id=\"user-id\">\n  <!-- Logged out -->\n  <!-- Logged in -->\n  @if (services.authentication.authenticated) {\n    <!-- With photo -->\n    @if (services.authentication.authenticatedUser?.photoUrl) {\n      <img\n        id=\"authenticated-user-image\"\n        [src]=\"services.authentication.authenticatedUser?.photoUrl\"\n        matTooltip=\"Logout\"\n        (click)=\"confirmLogout()\" />\n    } @else {\n      <!-- Without photo -->\n      <mat-icon\n        fontIcon=\"account_circle\"\n        matTooltip=\"Logout\"\n        (click)=\"confirmLogout()\">\n      </mat-icon>\n    }\n    <!-- Name -->\n    <div id=\"user-name\">\n      {{ services.authentication.authenticatedUser?.displayName }}\n    </div>\n  } @else {\n    <mat-icon\n      fontIcon=\"account_circle\"\n      matTooltip=\"Login\"\n      (click)=\"login()\">\n    </mat-icon>\n  }\n</div>","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\nimport { ReactiveFormsModule } from '@angular/forms';\r\n\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatFormFieldModule } from '@angular/material/form-field';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatInputModule } from '@angular/material/input';\r\nimport { MatProgressSpinnerModule } from '@angular/material/progress-spinner';\r\nimport { MatSlideToggleModule } from '@angular/material/slide-toggle';\r\n\r\nimport { MatAuthenticationServiceOptions } from './model/mat-authentication-service-options';\r\n\r\n\r\nimport { LoginFormComponent } from './components/login-form/login-form.component';\r\nimport { LoginComponent } from './components/login/login.component';\r\nimport { MatAuthenticationServiceOptionsToken } from './model/mat-authentication-service-options-token';\r\n\r\n@NgModule({\r\n  declarations: [],\r\n  imports: [\r\n    CommonModule,\r\n    ReactiveFormsModule,\r\n    \r\n    MatButtonModule,\r\n    MatDialogModule,\r\n    MatFormFieldModule,\r\n    MatIconModule,\r\n    MatInputModule,\r\n    MatProgressSpinnerModule,\r\n    MatSlideToggleModule,\r\n\r\n    LoginComponent,\r\n    LoginFormComponent\r\n  ],\r\n  exports: [\r\n    LoginComponent,\r\n    LoginFormComponent\r\n  ]\r\n})\r\nexport class MatAuthenticationModule {\r\n  static forRoot(options: MatAuthenticationServiceOptions): ModuleWithProviders<MatAuthenticationModule> {\r\n    return {\r\n      ngModule: MatAuthenticationModule,\r\n      providers: [\r\n        {\r\n          provide: MatAuthenticationServiceOptionsToken,\r\n          useValue: options\r\n        }\r\n      ]\r\n    };\r\n  }\r\n\r\n  constructor(@Optional() @SkipSelf() parentModule: MatAuthenticationModule) {\r\n    if (parentModule) {\r\n      throw new Error(\r\n        'MatAuthenticationModule 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 './mat-authentication.api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;MAGa,oCAAoC,GAAG,IAAI,cAAc,CAAkC,EAAE;;ACYpG,MAAO,wBAAyB,SAAQ,0BAA0B,CAAA;AACtE,IAAA,kBAAkB,GAAG,MAAM,CAAC,iBAAiB,CAAC;;AAK9C,IAAA,WAAA,CAAsE,kBAAmD,EAAA;QACvH,KAAK,CAAC,EAAC,GAAG,kBAAkB,EAAE,oBAAoB,EAAE,IAAI,EAAC,CAAC;;AAG1D,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,GAAG,kBAAkB,EAAE;QACzD,IAAI,CAAC,qBAAqB,EAAE;;;;AAKrB,IAAA,YAAY,CAAC,KAAa,EAAA;AACjC,QAAA,MAAM,SAAS,GAAG,IAAI,gBAAgB,EAAE;QACxC,MAAM,OAAO,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAwB;AAEnE,QAAA,IAAI,SAAS,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;YACnC,IAAI,CAAC,MAAM,EAAE;YACb;;QAGF,IAAI,CAAC,iBAAiB,GAAG;YACvB,WAAW,EAAE,OAAO,CAAC,cAAc;AACnC,YAAA,KAAK,EAAE,OAAO,CAAC,IAAI,KAAK,OAAO;YAC/B,UAAU,EAAE,OAAO,CAAC,UAAU;YAC9B,WAAW,EAAE,OAAO,CAAC,WAAW;YAChC,iBAAiB,EAAE,OAAO,CAAC,iBAAiB;YAC5C,KAAK,EAAE,OAAO,CAAC,KAAK;YACpB,cAAc,EAAE,OAAO,CAAC,cAAc;YACtC,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;YACxB,QAAQ,EAAE,OAAO,CAAC,QAAQ;YAC1B,KAAK,EAAE,OAAO,CAAC,KAAK;AACpB,YAAA,QAAQ,EAAE,SAAS;YACnB,GAAG,EAAE,OAAO,CAAC,GAAG;YAChB,KAAK,EAAE,OAAO,CAAC,KAAK;YACpB,SAAS,EAAE,OAAO,CAAC;SACpB;AAED,QAAA,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,SAAU,EAAE,KAAK,CAAC;QAEpD,IAAI,CAAC,SAAS,EAAE;AAEhB,QAAA,IAAI,CAAC,aAAa,GAAG,IAAI;QACzB,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC;AAElD,QAAA,IAAI,CAAC,cAAc,GAAG,KAAK;QAC3B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;IAGtD,SAAS,GAAA;AACP,QAAA,IAAI,CAAC,kBAAkB,CAAC,SAAS;aAC9B,SAAS,CAAC,MAAM,IAAG;;AAElB,YAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE,cAAc,EAAE;gBAC3C;;YAGF,MAAM,KAAK,GAAG,IAAI,CAAC,iBAAkB,CAAC,cAAc,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,CAAC,cAAc,KAAK,CAAC,IAAI,CAAC,iBAAkB,CAAC,cAAe,CAAC;YAE3I,IAAI,KAAK,EAAE;gBACT,IAAI,CAAC,iBAAiB,CAAC,QAAQ,GAAG,KAAK,CAAC,aAAa;;AAEzD,SAAC,CAAC;;AArEK,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,kBAMH,oCAAoC,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AANzD,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,cAFvB,MAAM,EAAA,CAAA,CAAA;;2FAEP,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAHpC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE;AACb,iBAAA;;0BAOc;;0BAAY,MAAM;2BAAC,oCAAoC;;;MCWzD,kBAAkB,CAAA;AAnB/B,IAAA,WAAA,GAAA;AAoBE,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAgB,eAAe,CAAC;AAE9C,QAAA,IAAA,CAAA,QAAQ,GAAG;AACT,YAAA,SAAS,EAAE,MAAM,EAAC,YAAgC,EAAC;AACnD,YAAA,cAAc,EAAE,MAAM,CAAC,wBAAwB;SAChD;QAMD,IAAA,CAAA,IAAI,GAAG,IAAI,SAAS,CAAC;YACnB,QAAQ,EAAE,IAAI,WAAW,CAAC,IAAI,EAAE,CAAE,UAAU,CAAC,QAAQ,CAAE,CAAC;YACxD,QAAQ,EAAE,IAAI,WAAW,CAAC,IAAI,EAAE,CAAE,UAAU,CAAC,QAAQ,CAAE,CAAC;YACxD,UAAU,EAAE,IAAI,WAAW,EAAE;YAC7B,cAAc,EAAE,IAAI,WAAW;AAChC,SAAA,CAAC;AA8CH;AA9DC,IAAA,KAAK;IAkBL,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;AAC5D,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;QAEpE,IAAI,CAAC,gCAAgC,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;aAClE,SAAS,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEjD,IAAI,CAAC,+BAA+B,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;aACjE,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;IAG7C,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,+BAA+B,CAAC,WAAW,EAAE;AAClD,QAAA,IAAI,CAAC,gCAAgC,CAAC,WAAW,EAAE;;IAGrD,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,YAAY,GAAG,SAAS;AAC7B,QAAA,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK;AAC1E,QAAA,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,QAAS,EAAE,QAAS,EAAE,UAAU,EAAE,cAAc,CAAC;;AAGtF,IAAA,mBAAmB,CAAC,aAAsB,EAAA;QACxC,IAAI,aAAa,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,EAAE;;;AAInC,IAAA,aAAa,CAAC,GAAQ,EAAA;AACpB,QAAA,OAAO,CAAC,GAAG,CAAC,sBAAsB,EAAE,GAAG,CAAC;AACxC,QAAA,IAAI,CAAC,YAAY,GAAG,CAAA,EAAG,GAAG,CAAC,IAAI,CAAA,EAAA,EAAK,GAAG,CAAC,UAAU,CAAA,CAAE;;AAGtD,IAAA,sBAAsB,CAAC,OAAgB,EAAA;QACrC,MAAM,OAAO,GAAG,qBAAqB;QAErC,IAAI,OAAO,EAAE;AACX,YAAA,IAAI,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;AACjC,gBAAA,YAAY,CAAC,UAAU,CAAC,OAAO,CAAC;;;aAE7B;AACL,YAAA,YAAY,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,CAAC;;;8GA5D9B,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,wEChC/B,6iDA8CC,EAAA,MAAA,EAAA,CAAA,uOAAA,EAAA,qWAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED9BO,SAAS,EAAA,QAAA,EAAA,iOAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACT,gBAAgB,4HAChB,gBAAgB,EAAA,QAAA,EAAA,8DAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAChB,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,OAAO,2IACP,QAAQ,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACR,kBAAkB,EAAA,QAAA,EAAA,mCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,aAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAClB,cAAc,yUACd,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,sGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAQd,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAnB9B,SAAS;AAEG,YAAA,IAAA,EAAA,CAAA,EAAA,OAAA,EAAA;wBACL,SAAS;wBACT,gBAAgB;wBAChB,gBAAgB;wBAChB,YAAY;wBACZ,OAAO;wBACP,QAAQ;wBACR,kBAAkB;wBAClB,cAAc;wBACd;AACH,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,QAAA,EAAA,6iDAAA,EAAA,MAAA,EAAA,CAAA,uOAAA,EAAA,qWAAA,CAAA,EAAA;;;MENP,cAAc,CAAA;AAZ3B,IAAA,WAAA,GAAA;AAaE,QAAA,IAAA,CAAA,SAAS,GAAG;AACV,YAAA,MAAM,EAAE,MAAM,CAAC,SAAS;SACzB;AACD,QAAA,IAAA,CAAA,QAAQ,GAAG;AACT,YAAA,cAAc,EAAE,MAAM,CAAC,wBAAwB;SAChD;;QAGD,IAAA,CAAA,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;QAC5B,IAAA,CAAA,cAAc,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,gBAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAU;AAsBjC;AA/BC,IAAA,SAAS;IAWT,KAAK,GAAA;QACH,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,kBAAkB,EAAE;AAC7C,YAAA,IAAI,EAAE;AACJ,gBAAA,UAAU,EAAE,IAAI,CAAC,UAAU,EAAE;AAC7B,gBAAA,cAAc,EAAE,IAAI,CAAC,cAAc;AACpC;AACF,SAAA,CAAC;;IAGJ,aAAa,GAAA;QACX,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE;AAChD,YAAA,IAAI,EAAE,EAAE,OAAO,EAAE,kCAAkC;SACpD;AACA,aAAA,WAAW;aACX,SAAS,CAAC,MAAM,IAAG;YAClB,IAAI,MAAM,EAAE;AACV,gBAAA,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE;;AAEzC,SAAC,CAAC;;8GA9BO,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECpB3B,u2BA8BM,EAAA,MAAA,EAAA,CAAA,iTAAA,EAAA,qWAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDnBE,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FASF,cAAc,EAAA,UAAA,EAAA,CAAA;kBAZ1B,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAAA,OAAA,EACX;wBACL,OAAO;AACV,qBAAA,EAAA,UAAA,EACW,IAAI,EAAA,QAAA,EAAA,u2BAAA,EAAA,MAAA,EAAA,CAAA,iTAAA,EAAA,qWAAA,CAAA,EAAA;;;ME4BP,uBAAuB,CAAA;IAClC,OAAO,OAAO,CAAC,OAAwC,EAAA;QACrD,OAAO;AACL,YAAA,QAAQ,EAAE,uBAAuB;AACjC,YAAA,SAAS,EAAE;AACT,gBAAA;AACE,oBAAA,OAAO,EAAE,oCAAoC;AAC7C,oBAAA,QAAQ,EAAE;AACX;AACF;SACF;;AAGH,IAAA,WAAA,CAAoC,YAAqC,EAAA;QACvE,IAAI,YAAY,EAAE;AAChB,YAAA,MAAM,IAAI,KAAK,CACb,4EAA4E,CAAC;;;8GAhBxE,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,uBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAvB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAnBhC,YAAY;YACZ,mBAAmB;YAEnB,eAAe;YACf,eAAe;YACf,kBAAkB;YAClB,aAAa;YACb,cAAc;YACd,wBAAwB;YACxB,oBAAoB;YAEpB,cAAc;AACd,YAAA,kBAAkB,aAGlB,cAAc;YACd,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAGT,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAnBhC,YAAY;YACZ,mBAAmB;YAEnB,eAAe;YACf,eAAe;YACf,kBAAkB;YAClB,aAAa;YACb,cAAc;YACd,wBAAwB;YACxB,oBAAoB;YAEpB,cAAc;YACd,kBAAkB,CAAA,EAAA,CAAA,CAAA;;2FAOT,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAtBnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;wBAEnB,eAAe;wBACf,eAAe;wBACf,kBAAkB;wBAClB,aAAa;wBACb,cAAc;wBACd,wBAAwB;wBACxB,oBAAoB;wBAEpB,cAAc;wBACd;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,cAAc;wBACd;AACD;AACF,iBAAA;;0BAcc;;0BAAY;;;ACtD3B;;AAEG;;;;"}

package/fesm2022/cleavelandprice-ngx-lib-authentication-object.mjs

@@ -86,12 +86,23 @@ class AuthenticationObjectService extends NgxLibServiceBase {
     }
     validateUser(token) {
         this.authenticatedUser = {
+            accountName: token.sAMAccountName,
             admin: false, // This type of authentication has no concept of Admin
+            department: token.department,
             displayName: token.displayName ?? token.name,
-            accountName: token.sAMAccountName,
             distinguishedName: token.distinguishedName,
+            email: token.mail,
             employeeNumber: token.employeeNumber,
-            memberOf: token.memberOf.join(',')
+            firstName: token.givenName,
+            hireDate: token.hireDate,
+            lastName: token.sn,
+            manager: token.manager,
+            memberOf: token.memberOf.join(','),
+            phone: token.telephoneNumber,
+            photoUrl: undefined,
+            sid: token.objectSid,
+            title: token.title,
+            workShift: token.workShift
         };
         if (this.options.tokenName) {
             this.storage.setItem(this.options.tokenName, JSON.stringify(token));

package/fesm2022/cleavelandprice-ngx-lib-authentication-object.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cleavelandprice-ngx-lib-authentication-object.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/authentication/object/src/services/authentication-object.service.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/object/src/authentication-object.module.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/object/src/cleavelandprice-ngx-lib-authentication-object.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\r\nimport { EventEmitter, Inject, inject, Injectable, Optional, Output } from '@angular/core';\r\n\r\nimport { User } from '@cleavelandprice/ngx-lib/active-directory';\r\n\r\nimport { AbstractAuthenticationService, AuthenticatedUser, AuthenticationRequest, AuthenticationServiceOptions, AuthenticationServiceOptionsToken } from '@cleavelandprice/ngx-lib/authentication';\r\n\r\nimport { NgxLibServiceBase } from '@cleavelandprice/ngx-lib';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class AuthenticationObjectService extends NgxLibServiceBase implements AbstractAuthenticationService {\r\n  //#region Fields\r\n  #services = {\r\n    //config: inject(ServiceConfig, { optional: true }) ?? new ServiceConfig(),\r\n    http: inject(HttpClient)\r\n  };\r\n  \r\n  authenticating = false; // Flag set to true while the service is attempting to authenticate the user\r\n  authenticated = false; // Flag set to true when the user is successfully authenticated\r\n  authenticatedUser?: AuthenticatedUser; // Object representing the authenticated user\r\n  \r\n  // error NG8110: Unsupported call to the output function. This function can only be used as the initializer of a property on a @Component or @Directive class.\r\n  /*authenticatedChanged = output<boolean>();\r\n  authenticatingChanged = output<boolean>();\r\n  authenticationError = output();*/\r\n  @Output() authenticatedChanged = new EventEmitter<boolean>();\r\n  @Output() authenticatingChanged = new EventEmitter<boolean>();\r\n  @Output() authenticationError = new EventEmitter();\r\n  //#endregion\r\n\r\n  //#region Properties\r\n  get useSessionStorage(): boolean {\r\n    return !!localStorage.getItem('storeTokenInSession');\r\n  }\r\n\r\n  get storage(): Storage {\r\n    return this.useSessionStorage ?\r\n      sessionStorage:\r\n      localStorage;\r\n  }\r\n  //#endregion\r\n\r\n  //#region Lifecycle\r\n  constructor(@Optional() @Inject(AuthenticationServiceOptionsToken) private options: AuthenticationServiceOptions) {\r\n    super(options);\r\n\r\n    this.options = {\r\n      ...options,\r\n\r\n      tokenName: 'userObject',\r\n      authenticationEndpoint: '/authenticate'\r\n    };\r\n\r\n    this.checkForExistingToken();\r\n  }\r\n  //#endregion\r\n\r\n  //#region Utilities\r\n  //Authenticate the user and store the token in Local Storage\r\n  login(username: string, password: string, adminGroup?: string, additionalInfo?: string): void {\r\n    const request: AuthenticationRequest = {\r\n      username,\r\n      password,\r\n      adminGroup,\r\n      additionalInfo,\r\n      appName: this.options.appName\r\n    };\r\n\r\n    this.authenticating = true;\r\n    this.authenticatingChanged.emit(this.authenticating);\r\n\r\n    this.#services.http.post(`${this.apiUrl}${this.options.authenticationEndpoint}`, request)\r\n      .subscribe({\r\n        next: (user) => {\r\n          if (user) {\r\n            this.validateUser(user as User);\r\n          } else {\r\n            this.logout();\r\n          }\r\n        },\r\n        error: (err) => {\r\n          this.authenticating = false;\r\n          this.authenticatingChanged.emit(this.authenticating);\r\n          this.authenticationError.emit(err);\r\n        }\r\n      });\r\n  }\r\n \r\n  //Logout the user and delete the token from Local Storage\r\n  logout(): void {\r\n    if (this.storage.getItem(this.options.tokenName!)) {\r\n      this.storage.removeItem(this.options.tokenName!);\r\n    }\r\n\r\n    this.authenticatedUser = undefined;\r\n    this.authenticated = false;\r\n    this.authenticatedChanged.emit(false);\r\n  }\r\n \r\n  validateUser(token: User): void {\r\n    this.authenticatedUser = {\r\n      admin: false, // This type of authentication has no concept of Admin\r\n      displayName: token.displayName ?? token.name,\r\n      accountName: token.sAMAccountName,\r\n      distinguishedName: token.distinguishedName,\r\n      employeeNumber: token.employeeNumber,\r\n      memberOf: token.memberOf.join(',')\r\n    };\r\n\r\n    if (this.options.tokenName) {\r\n      this.storage.setItem(this.options.tokenName, JSON.stringify(token));\r\n    }\r\n    \r\n    this.authenticated = true;\r\n    this.authenticatedChanged.emit(this.authenticated);\r\n\r\n    this.authenticating = false;\r\n    this.authenticatingChanged.emit(this.authenticating);\r\n  }\r\n\r\n  checkForExistingToken(): void {\r\n    if (this.options.tokenName) {\r\n      const token = this.storage.getItem(this.options.tokenName);\r\n\r\n      if (token) {\r\n        this.validateUser(JSON.parse(token) as User);\r\n      }\r\n    }\r\n  }\r\n  //#endregion\r\n}\r\n ","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\nimport { AuthenticationServiceOptions, AuthenticationServiceOptionsToken } from '@cleavelandprice/ngx-lib/authentication';\r\n\r\n@NgModule({\r\n  declarations: [],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: []\r\n})\r\nexport class AuthenticationObjectModule {\r\n  static forRoot(options: AuthenticationServiceOptions): ModuleWithProviders<AuthenticationObjectModule> {\r\n    return {\r\n      ngModule: AuthenticationObjectModule,\r\n      providers: [\r\n        {\r\n          provide: AuthenticationServiceOptionsToken,\r\n          useValue: options\r\n        }\r\n      ]\r\n    };\r\n  }\r\n\r\n  constructor(@Optional() @SkipSelf() parentModule: AuthenticationObjectModule) {\r\n    if (parentModule) {\r\n      throw new Error(\r\n        'AuthenticationObjectModule 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 './authentication-object.api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cleavelandprice-ngx-lib-authentication-object.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/authentication/object/src/services/authentication-object.service.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/object/src/authentication-object.module.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/object/src/cleavelandprice-ngx-lib-authentication-object.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\r\nimport { EventEmitter, Inject, inject, Injectable, Optional, Output } from '@angular/core';\r\n\r\nimport { CleavelandPriceUser, User } from '@cleavelandprice/ngx-lib/active-directory';\r\n\r\nimport { AbstractAuthenticationService, AuthenticatedUser, AuthenticationRequest, AuthenticationServiceOptions, AuthenticationServiceOptionsToken } from '@cleavelandprice/ngx-lib/authentication';\r\n\r\nimport { NgxLibServiceBase } from '@cleavelandprice/ngx-lib';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class AuthenticationObjectService extends NgxLibServiceBase implements AbstractAuthenticationService {\r\n  //#region Fields\r\n  #services = {\r\n    //config: inject(ServiceConfig, { optional: true }) ?? new ServiceConfig(),\r\n    http: inject(HttpClient)\r\n  };\r\n  \r\n  authenticating = false; // Flag set to true while the service is attempting to authenticate the user\r\n  authenticated = false; // Flag set to true when the user is successfully authenticated\r\n  authenticatedUser?: AuthenticatedUser; // Object representing the authenticated user\r\n  \r\n  // error NG8110: Unsupported call to the output function. This function can only be used as the initializer of a property on a @Component or @Directive class.\r\n  /*authenticatedChanged = output<boolean>();\r\n  authenticatingChanged = output<boolean>();\r\n  authenticationError = output();*/\r\n  @Output() authenticatedChanged = new EventEmitter<boolean>();\r\n  @Output() authenticatingChanged = new EventEmitter<boolean>();\r\n  @Output() authenticationError = new EventEmitter();\r\n  //#endregion\r\n\r\n  //#region Properties\r\n  get useSessionStorage(): boolean {\r\n    return !!localStorage.getItem('storeTokenInSession');\r\n  }\r\n\r\n  get storage(): Storage {\r\n    return this.useSessionStorage ?\r\n      sessionStorage:\r\n      localStorage;\r\n  }\r\n  //#endregion\r\n\r\n  //#region Lifecycle\r\n  constructor(@Optional() @Inject(AuthenticationServiceOptionsToken) private options: AuthenticationServiceOptions) {\r\n    super(options);\r\n\r\n    this.options = {\r\n      ...options,\r\n\r\n      tokenName: 'userObject',\r\n      authenticationEndpoint: '/authenticate'\r\n    };\r\n\r\n    this.checkForExistingToken();\r\n  }\r\n  //#endregion\r\n\r\n  //#region Utilities\r\n  //Authenticate the user and store the token in Local Storage\r\n  login(username: string, password: string, adminGroup?: string, additionalInfo?: string): void {\r\n    const request: AuthenticationRequest = {\r\n      username,\r\n      password,\r\n      adminGroup,\r\n      additionalInfo,\r\n      appName: this.options.appName\r\n    };\r\n\r\n    this.authenticating = true;\r\n    this.authenticatingChanged.emit(this.authenticating);\r\n\r\n    this.#services.http.post(`${this.apiUrl}${this.options.authenticationEndpoint}`, request)\r\n      .subscribe({\r\n        next: (user) => {\r\n          if (user) {\r\n            this.validateUser(user as CleavelandPriceUser);\r\n          } else {\r\n            this.logout();\r\n          }\r\n        },\r\n        error: (err) => {\r\n          this.authenticating = false;\r\n          this.authenticatingChanged.emit(this.authenticating);\r\n          this.authenticationError.emit(err);\r\n        }\r\n      });\r\n  }\r\n \r\n  //Logout the user and delete the token from Local Storage\r\n  logout(): void {\r\n    if (this.storage.getItem(this.options.tokenName!)) {\r\n      this.storage.removeItem(this.options.tokenName!);\r\n    }\r\n\r\n    this.authenticatedUser = undefined;\r\n    this.authenticated = false;\r\n    this.authenticatedChanged.emit(false);\r\n  }\r\n \r\n  validateUser(token: CleavelandPriceUser): void {\r\n    this.authenticatedUser = {\r\n      accountName: token.sAMAccountName,\r\n      admin: false, // This type of authentication has no concept of Admin\r\n      department: token.department,\r\n      displayName: token.displayName ?? token.name,\r\n      distinguishedName: token.distinguishedName,\r\n      email: token.mail,\r\n      employeeNumber: token.employeeNumber,\r\n      firstName: token.givenName,\r\n      hireDate: token.hireDate,\r\n      lastName: token.sn,\r\n      manager: token.manager,\r\n      memberOf: token.memberOf.join(','),\r\n      phone: token.telephoneNumber,\r\n      photoUrl: undefined,\r\n      sid: token.objectSid,\r\n      title: token.title,\r\n      workShift: token.workShift\r\n    };\r\n\r\n    if (this.options.tokenName) {\r\n      this.storage.setItem(this.options.tokenName, JSON.stringify(token));\r\n    }\r\n    \r\n    this.authenticated = true;\r\n    this.authenticatedChanged.emit(this.authenticated);\r\n\r\n    this.authenticating = false;\r\n    this.authenticatingChanged.emit(this.authenticating);\r\n  }\r\n\r\n  checkForExistingToken(): void {\r\n    if (this.options.tokenName) {\r\n      const token = this.storage.getItem(this.options.tokenName);\r\n\r\n      if (token) {\r\n        this.validateUser(JSON.parse(token) as CleavelandPriceUser);\r\n      }\r\n    }\r\n  }\r\n  //#endregion\r\n}\r\n ","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\nimport { AuthenticationServiceOptions, AuthenticationServiceOptionsToken } from '@cleavelandprice/ngx-lib/authentication';\r\n\r\n@NgModule({\r\n  declarations: [],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: []\r\n})\r\nexport class AuthenticationObjectModule {\r\n  static forRoot(options: AuthenticationServiceOptions): ModuleWithProviders<AuthenticationObjectModule> {\r\n    return {\r\n      ngModule: AuthenticationObjectModule,\r\n      providers: [\r\n        {\r\n          provide: AuthenticationServiceOptionsToken,\r\n          useValue: options\r\n        }\r\n      ]\r\n    };\r\n  }\r\n\r\n  constructor(@Optional() @SkipSelf() parentModule: AuthenticationObjectModule) {\r\n    if (parentModule) {\r\n      throw new Error(\r\n        'AuthenticationObjectModule 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 './authentication-object.api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cleavelandprice-ngx-lib-authentication-token.mjs

@@ -96,11 +96,20 @@ class AuthenticationTokenService extends NgxLibServiceBase {
         }
         this.authenticatedUser = {
             admin: decoded.role === 'Admin',
-            displayName: decoded.displayName,
             accountName: decoded.winaccountname,
+            department: decoded.department,
+            displayName: decoded.displayName,
             distinguishedName: decoded.distinguishedName,
             employeeNumber: decoded.employeeNumber,
-            memberOf: decoded.memberOf
+            firstName: decoded.firstName,
+            hireDate: decoded.hireDate,
+            lastName: decoded.lastName,
+            manager: decoded.manager,
+            memberOf: decoded.memberOf,
+            phone: decoded.manager,
+            sid: decoded.sid,
+            title: decoded.title,
+            workShift: decoded.workShift
         };
         if (this.options.tokenName) {
             this.storage.setItem(this.options.tokenName, token);

package/fesm2022/cleavelandprice-ngx-lib-authentication-token.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"cleavelandprice-ngx-lib-authentication-token.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/authentication/token/src/model/authentication-token-service-options-token.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/token/src/services/authentication-token.service.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/token/src/authetiction-token.module.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/token/src/cleavelandprice-ngx-lib-authentication-token.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\nimport { AuthenticationTokenServiceOptions } from \"./authentication-token-service-options\";\r\n\r\nexport const AuthenticationTokenServiceOptionsToken = new InjectionToken<AuthenticationTokenServiceOptions>('');","import { HttpClient } from '@angular/common/http';\r\nimport { EventEmitter, Inject, Injectable, Optional, Output, inject } from '@angular/core';\r\nimport { JwtHelperService } from '@auth0/angular-jwt';\r\n\r\nimport {\r\n  AbstractAuthenticationService,\r\n  AuthenticatedUser,\r\n  AuthenticationRequest\r\n} from '@cleavelandprice/ngx-lib/authentication';\r\n\r\nimport { NgxLibServiceBase } from '@cleavelandprice/ngx-lib';\r\nimport { AuthenticationToken } from '../model/authentication-token';\r\nimport { AuthenticationTokenServiceOptions } from '../model/authentication-token-service-options';\r\nimport { AuthenticationTokenServiceOptionsToken } from '../model/authentication-token-service-options-token';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class AuthenticationTokenService extends NgxLibServiceBase implements AbstractAuthenticationService {\r\n  //#region Fields\r\n  #http = inject(HttpClient);\r\n  \r\n  authenticating = false; // Flag set to true while the service is attempting to authenticate the user\r\n  authenticated = false; // Flag set to true when the user is successfully authenticated\r\n  authenticatedUser?: AuthenticatedUser; // Object representing the authenticated user\r\n\r\n  // error NG8110: Unsupported call to the output function. This function can only be used as the initializer of a property on a @Component or @Directive class.\r\n  /*authenticatedChanged = output<boolean>();\r\n  authenticatingChanged = output<boolean>();\r\n  authenticationError = output();*/\r\n  @Output() authenticatedChanged = new EventEmitter<boolean>();\r\n  @Output() authenticatingChanged = new EventEmitter<boolean>();\r\n  @Output() authenticationError = new EventEmitter();\r\n\r\n  //#endregion\r\n\r\n  //#region Properties\r\n  get useSessionStorage(): boolean {\r\n    return !!localStorage.getItem('storeTokenInSession');\r\n  }\r\n\r\n  get storage(): Storage {\r\n    return this.useSessionStorage ?\r\n      sessionStorage:\r\n      localStorage;\r\n  }\r\n  //#endregion\r\n\r\n  //#region Lifecycle\r\n  constructor(@Optional() @Inject(AuthenticationTokenServiceOptionsToken) protected options: AuthenticationTokenServiceOptions) {\r\n    super(options);\r\n    \r\n    this.options = {\r\n      ...options,\r\n\r\n      tokenName: 'token',\r\n      authenticationEndpoint: '/authenticate/token',\r\n      deferTokenValidation: options?.deferTokenValidation ?? false\r\n    };\r\n\r\n    if (!this.options.deferTokenValidation) {\r\n      this.checkForExistingToken();\r\n    }\r\n  }\r\n  //#endregion\r\n\r\n  //#region Utilities\r\n  //Authenticate the user and store the token in Local Storage\r\n  login(username: string, password: string, adminGroup?: string, additionalInfo?: string): void {\r\n    const request: AuthenticationRequest = {\r\n      username,\r\n      password,\r\n      adminGroup,\r\n      additionalInfo,\r\n      appName: this.options.appName\r\n    };\r\n\r\n    this.authenticating = true;\r\n    this.authenticatingChanged.emit(this.authenticating);\r\n\r\n    // Sending a 'raw' POST request so that we can tell HttpClient that we are expecting text instead of Json\r\n    // Otherwise, it would throw an error trying to decode Json from the response\r\n    \r\n    this.#http.request('POST', `${this.apiUrl}${this.options.authenticationEndpoint}`, { body: request, responseType: 'text' })\r\n      .subscribe({\r\n        next: (token) => {\r\n          if (token) {\r\n            this.validateUser(token);\r\n          } else {\r\n            this.logout();\r\n          }\r\n        },\r\n        error: (err) => {\r\n          this.authenticating = false;\r\n          this.authenticatingChanged.emit(this.authenticating);\r\n          this.authenticationError.emit(err);\r\n        }\r\n      });\r\n  }\r\n \r\n  //Logout the user and delete the token from Local Storage\r\n  logout(): void {\r\n    if (this.options.tokenName && this.storage.getItem(this.options.tokenName)) {\r\n      this.storage.removeItem(this.options.tokenName);\r\n    }\r\n\r\n    this.authenticatedUser = undefined;\r\n    this.authenticated = false;\r\n    this.authenticatedChanged.emit(false);\r\n  }\r\n \r\n  validateUser(token: string): void {\r\n    const jwtHelper = new JwtHelperService();\r\n    const decoded = jwtHelper.decodeToken(token) as AuthenticationToken;\r\n\r\n    if (jwtHelper.isTokenExpired(token)) {\r\n      this.logout();\r\n      return;\r\n    }\r\n\r\n    this.authenticatedUser = {\r\n      admin: decoded.role === 'Admin',\r\n      displayName: decoded.displayName,\r\n      accountName: decoded.winaccountname,\r\n      distinguishedName: decoded.distinguishedName,\r\n      employeeNumber: decoded.employeeNumber,\r\n      memberOf: decoded.memberOf\r\n    };\r\n\r\n    if (this.options.tokenName) {\r\n      this.storage.setItem(this.options.tokenName, token);\r\n    }\r\n    \r\n    this.authenticated = true;\r\n    this.authenticatedChanged.emit(this.authenticated);\r\n\r\n    this.authenticating = false;\r\n    this.authenticatingChanged.emit(this.authenticating);\r\n  }\r\n\r\n  checkForExistingToken(): void {\r\n    if (this.options.tokenName) {\r\n      const token = this.storage.getItem(this.options.tokenName!);\r\n      if (token) {\r\n        this.validateUser(token);\r\n      }\r\n    }\r\n  }\r\n  //#endregion\r\n}","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\n\r\nimport { AuthenticationTokenServiceOptions } from './model/authentication-token-service-options';\r\nimport { AuthenticationTokenServiceOptionsToken } from './model/authentication-token-service-options-token';\r\n\r\n@NgModule({\r\n  declarations: [],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: []\r\n})\r\nexport class AuthenticationTokenModule {\r\n  static forRoot(options: AuthenticationTokenServiceOptions): ModuleWithProviders<AuthenticationTokenModule> {\r\n    return {\r\n      ngModule: AuthenticationTokenModule,\r\n      providers: [\r\n        {\r\n          provide: AuthenticationTokenServiceOptionsToken,\r\n          useValue: options\r\n        }\r\n      ]\r\n    };\r\n  }\r\n\r\n  constructor(@Optional() @SkipSelf() parentModule: AuthenticationTokenModule) {\r\n    if (parentModule) {\r\n      throw new Error(\r\n        'AuthenticationTokenModule 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 './authentication-token.api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"cleavelandprice-ngx-lib-authentication-token.mjs","sources":["../../../../projects/cleavelandprice/ngx-lib/authentication/token/src/model/authentication-token-service-options-token.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/token/src/services/authentication-token.service.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/token/src/authetiction-token.module.ts","../../../../projects/cleavelandprice/ngx-lib/authentication/token/src/cleavelandprice-ngx-lib-authentication-token.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\nimport { AuthenticationTokenServiceOptions } from \"./authentication-token-service-options\";\r\n\r\nexport const AuthenticationTokenServiceOptionsToken = new InjectionToken<AuthenticationTokenServiceOptions>('');","import { HttpClient } from '@angular/common/http';\r\nimport { EventEmitter, Inject, Injectable, Optional, Output, inject } from '@angular/core';\r\nimport { JwtHelperService } from '@auth0/angular-jwt';\r\n\r\nimport {\r\n  AbstractAuthenticationService,\r\n  AuthenticatedUser,\r\n  AuthenticationRequest\r\n} from '@cleavelandprice/ngx-lib/authentication';\r\n\r\nimport { NgxLibServiceBase } from '@cleavelandprice/ngx-lib';\r\nimport { AuthenticationToken } from '../model/authentication-token';\r\nimport { AuthenticationTokenServiceOptions } from '../model/authentication-token-service-options';\r\nimport { AuthenticationTokenServiceOptionsToken } from '../model/authentication-token-service-options-token';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class AuthenticationTokenService extends NgxLibServiceBase implements AbstractAuthenticationService {\r\n  //#region Fields\r\n  #http = inject(HttpClient);\r\n  \r\n  authenticating = false; // Flag set to true while the service is attempting to authenticate the user\r\n  authenticated = false; // Flag set to true when the user is successfully authenticated\r\n  authenticatedUser?: AuthenticatedUser; // Object representing the authenticated user\r\n\r\n  // error NG8110: Unsupported call to the output function. This function can only be used as the initializer of a property on a @Component or @Directive class.\r\n  /*authenticatedChanged = output<boolean>();\r\n  authenticatingChanged = output<boolean>();\r\n  authenticationError = output();*/\r\n  @Output() authenticatedChanged = new EventEmitter<boolean>();\r\n  @Output() authenticatingChanged = new EventEmitter<boolean>();\r\n  @Output() authenticationError = new EventEmitter();\r\n\r\n  //#endregion\r\n\r\n  //#region Properties\r\n  get useSessionStorage(): boolean {\r\n    return !!localStorage.getItem('storeTokenInSession');\r\n  }\r\n\r\n  get storage(): Storage {\r\n    return this.useSessionStorage ?\r\n      sessionStorage:\r\n      localStorage;\r\n  }\r\n  //#endregion\r\n\r\n  //#region Lifecycle\r\n  constructor(@Optional() @Inject(AuthenticationTokenServiceOptionsToken) protected options: AuthenticationTokenServiceOptions) {\r\n    super(options);\r\n    \r\n    this.options = {\r\n      ...options,\r\n\r\n      tokenName: 'token',\r\n      authenticationEndpoint: '/authenticate/token',\r\n      deferTokenValidation: options?.deferTokenValidation ?? false\r\n    };\r\n\r\n    if (!this.options.deferTokenValidation) {\r\n      this.checkForExistingToken();\r\n    }\r\n  }\r\n  //#endregion\r\n\r\n  //#region Utilities\r\n  //Authenticate the user and store the token in Local Storage\r\n  login(username: string, password: string, adminGroup?: string, additionalInfo?: string): void {\r\n    const request: AuthenticationRequest = {\r\n      username,\r\n      password,\r\n      adminGroup,\r\n      additionalInfo,\r\n      appName: this.options.appName\r\n    };\r\n\r\n    this.authenticating = true;\r\n    this.authenticatingChanged.emit(this.authenticating);\r\n\r\n    // Sending a 'raw' POST request so that we can tell HttpClient that we are expecting text instead of Json\r\n    // Otherwise, it would throw an error trying to decode Json from the response\r\n    \r\n    this.#http.request('POST', `${this.apiUrl}${this.options.authenticationEndpoint}`, { body: request, responseType: 'text' })\r\n      .subscribe({\r\n        next: (token) => {\r\n          if (token) {\r\n            this.validateUser(token);\r\n          } else {\r\n            this.logout();\r\n          }\r\n        },\r\n        error: (err) => {\r\n          this.authenticating = false;\r\n          this.authenticatingChanged.emit(this.authenticating);\r\n          this.authenticationError.emit(err);\r\n        }\r\n      });\r\n  }\r\n \r\n  //Logout the user and delete the token from Local Storage\r\n  logout(): void {\r\n    if (this.options.tokenName && this.storage.getItem(this.options.tokenName)) {\r\n      this.storage.removeItem(this.options.tokenName);\r\n    }\r\n\r\n    this.authenticatedUser = undefined;\r\n    this.authenticated = false;\r\n    this.authenticatedChanged.emit(false);\r\n  }\r\n \r\n  validateUser(token: string): void {\r\n    const jwtHelper = new JwtHelperService();\r\n    const decoded = jwtHelper.decodeToken(token) as AuthenticationToken;\r\n\r\n    if (jwtHelper.isTokenExpired(token)) {\r\n      this.logout();\r\n      return;\r\n    }\r\n\r\n    this.authenticatedUser = {\r\n      admin: decoded.role === 'Admin',\r\n      accountName: decoded.winaccountname,\r\n      department: decoded.department,\r\n      displayName: decoded.displayName,\r\n      distinguishedName: decoded.distinguishedName,\r\n      employeeNumber: decoded.employeeNumber,\r\n      firstName: decoded.firstName,\r\n      hireDate: decoded.hireDate,\r\n      lastName: decoded.lastName,\r\n      manager: decoded.manager,\r\n      memberOf: decoded.memberOf,\r\n      phone: decoded.manager,\r\n      sid: decoded.sid,\r\n      title: decoded.title,\r\n      workShift: decoded.workShift\r\n    };\r\n\r\n    if (this.options.tokenName) {\r\n      this.storage.setItem(this.options.tokenName, token);\r\n    }\r\n    \r\n    this.authenticated = true;\r\n    this.authenticatedChanged.emit(this.authenticated);\r\n\r\n    this.authenticating = false;\r\n    this.authenticatingChanged.emit(this.authenticating);\r\n  }\r\n\r\n  checkForExistingToken(): void {\r\n    if (this.options.tokenName) {\r\n      const token = this.storage.getItem(this.options.tokenName!);\r\n      if (token) {\r\n        this.validateUser(token);\r\n      }\r\n    }\r\n  }\r\n  //#endregion\r\n}","import { CommonModule } from '@angular/common';\r\nimport { ModuleWithProviders, NgModule, Optional, SkipSelf } from '@angular/core';\r\n\r\nimport { AuthenticationTokenServiceOptions } from './model/authentication-token-service-options';\r\nimport { AuthenticationTokenServiceOptionsToken } from './model/authentication-token-service-options-token';\r\n\r\n@NgModule({\r\n  declarations: [],\r\n  imports: [\r\n    CommonModule\r\n  ],\r\n  exports: []\r\n})\r\nexport class AuthenticationTokenModule {\r\n  static forRoot(options: AuthenticationTokenServiceOptions): ModuleWithProviders<AuthenticationTokenModule> {\r\n    return {\r\n      ngModule: AuthenticationTokenModule,\r\n      providers: [\r\n        {\r\n          provide: AuthenticationTokenServiceOptionsToken,\r\n          useValue: options\r\n        }\r\n      ]\r\n    };\r\n  }\r\n\r\n  constructor(@Optional() @SkipSelf() parentModule: AuthenticationTokenModule) {\r\n    if (parentModule) {\r\n      throw new Error(\r\n        'AuthenticationTokenModule 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 './authentication-token.api';\n"],"names":[],"mappings":"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"}

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

@@ -188,7 +188,7 @@ class TableComponent {
         return search;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", 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 }, sortState: { classPropertyName: "sortState", publicName: "sortState", isSignal: true, isRequired: false, transformFunction: null }, headerBackgroundColor: { classPropertyName: "headerBackgroundColor", publicName: "headerBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, headerTextColor: { classPropertyName: "headerTextColor", publicName: "headerTextColor", isSignal: true, isRequired: false, transformFunction: null }, expansion: { classPropertyName: "expansion", publicName: "expansion", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked", exportSortState: "exportSortState" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, isSignal: true }], ngImport: i0, template: "@if (showSearch()) {\r\n  <div style=\"display: flex; gap: .75em;\">\r\n    @if (title() !== '') {\r\n      <h3>{{title()}}</h3>\r\n    }\r\n\r\n    <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1em;\">\r\n        <mat-label>Search</mat-label>\r\n        <mat-icon matPrefix>search</mat-icon>\r\n        <input type=\"text\" matInput (keyup)=\"searchFilterChange($event)\">\r\n    </mat-form-field>\r\n  </div>\r\n}\r\n@else {\r\n  @if (title() !== '') {\r\n    <h3>{{title()}}</h3>\r\n  }\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\" multiTemplateDataRows matSort (matSortChange)=\"sortChanged($event)\">\r\n      @for (column of columns(); track column) {\r\n        <ng-container [matColumnDef]=\"column.field\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth, 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">\r\n            <div>{{ column.fieldColumnTitle }}</div>\r\n          </th>\r\n\r\n          <td mat-cell *matCellDef=\"let data\" [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth }\">\r\n            @if(column.isDate) {\r\n              @if(column.isDate.showTime) {\r\n                {{ getFieldValue(data, column) | date:'short' }}\r\n              }\r\n              @else if(column.isDate.customFormat) {\r\n                {{ getFieldValue(data, column) | date:'' + column.isDate.customFormat + ''}}\r\n              }\r\n              @else {\r\n                {{ getFieldValue(data, column) | date:'shortDate' }}\r\n              }\r\n            }\r\n            @else if (column.isNumber) {\r\n              @if (column.isNumber.needsRounded) {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ getFieldValue(data, column) | number:'0.0-0' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ getFieldValue(data, column) | number:'0.0-0' }}\r\n                }\r\n                @else {\r\n                  {{ getFieldValue(data, column) | number:'0.0-0' }}\r\n                }\r\n              } @else {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ getFieldValue(data, column) | number:'.2-2' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ getFieldValue(data, column) | number:'.2-2' }}\r\n                }\r\n                @else {\r\n                  {{ getFieldValue(data, column) | number:'.2-2' }}\r\n                }\r\n              }\r\n            }\r\n            @else if (column.isCheckbox) {\r\n              @if (column.tripleNestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else if (column.doubleNestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else if (column.nestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.field][column.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else {\r\n                <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n            }\r\n            @else if (column.isHyperlink) {\r\n              <a [href]=\"data[column.isHyperlink.linkField]\" target=\"_blank\">\r\n                {{ getFieldValue(data, column) }}\r\n              </a>\r\n            }\r\n            @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\r\n                @if (column.isButton.isIcon.displayOnFieldValue) {\r\n                  @if (getFieldValue(data, column) === true) {\r\n                    <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                      (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                      <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor, 'display': getFieldValue(data, column) === true ? 'default' : 'none'}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                    </button>\r\n                  }\r\n                }\r\n                @else {\r\n                  <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                    (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                    <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                  </button>\r\n                }\r\n              } @else if (column.isButton.isCheckbox) {\r\n                @if (column.tripleNestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.field][column.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.field]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\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\r\n                  @if (column.isButton.buttonText && column.isButton.buttonText.text) {\r\n                    {{column.isButton.buttonText.text}}\r\n                  }\r\n                  @else if (column.isButton.buttonText &&column.isButton.buttonText.field) {\r\n                    {{ data[column.isButton.buttonText.field] }}\r\n                  }\r\n                  @else if (column.isButton.buttonText && column.isButton.buttonText.nestedField) {\r\n                    {{ getFieldValue(data, column) }}\r\n                  }\r\n                  @else if (column.isButton.text) {\r\n                    {{column.isButton.text}}\r\n                  }\r\n\r\n                  @if (column.isButton.buttonText && column.isButton.buttonText.includesIcon) {\r\n                    <mat-icon>\r\n                      {{column.isButton.buttonText.includesIcon.iconName}}\r\n                    </mat-icon>\r\n                  }\r\n                </button>\r\n              }\r\n            }\r\n            @else if (column.isEditable) {\r\n              @if (column.isEditable.type === 'textarea') {\r\n                @if (column.tripleNestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.field][column.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.field]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n              }\r\n              @else if (column.isEditable.type === 'dropdown' && column.isEditable.isDropdown) {\r\n                @if (column.tripleNestedField) {\r\n                  <select [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <select [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <select [(ngModel)]=\"data[column.field][column.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else {\r\n                  <select [(ngModel)]=\"data[column.field]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n              }\r\n              @else if (column.isEditable.isNumber) {\r\n                @if (column.isEditable.isNumber.needsRounded) {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else {\r\n                    <input [ngModel]=\"data[column.field] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n                @else if (column.isEditable.isNumber.decimalPoints) {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else {\r\n                    <input [ngModel]=\"data[column.field] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n                @else {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.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, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n              }\r\n              @else {\r\n                @if (column.tripleNestedField) {\r\n                  <input [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <input [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <input [(ngModel)]=\"data[column.field][column.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else {\r\n                  <input [(ngModel)]=\"data[column.field]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n              }\r\n            }\r\n            @else if (column.fieldIconButton) {\r\n              {{ getFieldValue(data, column) }}\r\n\r\n              <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                (click)=\"buttonClick(data, column.field)\">\r\n                <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n              </button>\r\n            }\r\n            @else {\r\n              {{ getFieldValue(data, column) }}\r\n            }\r\n          </td>\r\n        </ng-container>\r\n      }\r\n\r\n      @if (expansion() !== null) {\r\n        <ng-container matColumnDef=\"expand\">\r\n          <th mat-header-cell *matHeaderCellDef aria-label=\"row actions\" [ngStyle]=\"{ 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">&nbsp;</th>\r\n          <td mat-cell *matCellDef=\"let element\">\r\n            <button matIconButton aria-label=\"expand row\"\r\n              (click)=\"toggle(element); $event.stopPropagation()\"\r\n              class=\"expansion-toggle-button\" [class.expansion-toggle-button-expanded]=\"isExpanded(element)\">\r\n              <mat-icon>keyboard_arrow_down</mat-icon>\r\n            </button>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->\r\n        <ng-container matColumnDef=\"expandedDetail\">\r\n          <td mat-cell *matCellDef=\"let element\" [attr.colspan]=\"columnsWithExpand.length\">\r\n            <div class=\"expansion-element-detail-wrapper\"\r\n              [class.expansion-element-detail-wrapper-expanded]=\"isExpanded(element)\">\r\n              <div class=\"expansion-element-detail\">\r\n                @if (expandedElement && expansion() && expansion()!.isTable) {\r\n                  @if (expandedElement[expansion()!.isTable!.tableDataNestedField] !== undefined && expandedElement[expansion()!.isTable!.tableDataNestedField].length !== 0) {\r\n                    <p class=\"expansion-table-title\">{{ expansion()?.isTable?.title }}</p>\r\n\r\n                    <lib-table [title]=\"''\"\r\n                      [tableData]=\"expandedElement[expansion()!.isTable!.tableDataNestedField]\" [columns]=\"expansion()!.isTable!.columns\"\r\n                      [showPaginator]=\"expansion()!.isTable!.showPaginator\" [paginatorSticky]=\"expansion()!.isTable!.paginatorSticky\"\r\n                      [showSearch]=\"expansion()!.isTable!.showSearch\" [shrinkTable]=\"expansion()!.isTable!.shrinkTable\"\r\n                      [maxTableHeight]=\"expansion()!.isTable!.maxTableHeight\" [pageinatorDefaultIncrement]=\"expansion()!.isTable!.paginatorDefaultIncrement\"\r\n                      [headerBackgroundColor]=\"expansion()!.isTable!.headerBackgroundColor\"\r\n                      [headerTextColor]=\"expansion()!.isTable!.headerTextColor\"\r\n                      (buttonClicked)=\"tableButtonClicked($event)\" />\r\n                  }\r\n                  @else {\r\n                    <h3>No {{ expansion()!.isTable!.title }} to display.</h3>\r\n                  }\r\n                }\r\n                @else {\r\n                  <p>Currently only table's are only supported in expansions. There may be future uses but that will need defined in the ngx-lib Table component.</p>\r\n                }\r\n              </div>\r\n            </div>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <tr mat-header-row *matHeaderRowDef=\"columnsWithExpand; sticky: true\"></tr>\r\n        <tr mat-row *matRowDef=\"let element; columns: columnsWithExpand;\"\r\n            class=\"expansion-element-row\"\r\n            [class.expansion-expanded-row]=\"isExpanded(element)\"\r\n            (click)=\"toggle(element)\">\r\n        </tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: ['expandedDetail']\"\r\n          class=\"expansion-detail-row\" [class.show-expansion]=\"isExpanded(row)\" [class.hide-expansion]=\"!isExpanded(row)\">\r\n        </tr>\r\n      }\r\n      @else {\r\n        <tr mat-header-row *matHeaderRowDef=\"columnNames; sticky: true\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: columnNames;\"></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      }\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:.5em;text-align:center!important}.table-container .table{width:100%}:host ::ng-deep .mat-sort-header-container{display:flex;justify-content:center;margin-left:1.25em}td,th{text-align:center!important;vertical-align:middle!important}.shrink-table .mat-mdc-unelevated-button{line-height:1.75em}.shrink-table .mat-mdc-outlined-button{line-height:1.5em;height:1.5em}.shrink-table .mat-mdc-row:hover{background-color:#8f8f8f18;font-weight:700}.shrink-table .mat-mdc-row,tr.mat-row{min-height:1.5em;height:1.5em}.shrink-table .mat-mdc-header-row{min-height:40px}.shrink-table tr.mat-mdc-header-row{height:1.5em;border-radius:5px}.shrink-table .mat-column-tools{min-width:225px;max-width:225px}.shrink-table .mat-mdc-header-cell{font-weight:700;padding:0}.paginator-sticky{bottom:0;position:sticky;z-index:10}.button-extra-padding{padding-top:1.75em;padding-bottom:1.75em}table{width:100%}.hide-expansion{display:none}.show-expansion{display:table-row;vertical-align:inherit;border-color:inherit;background-color:#efefef}tr.expansion-detail-row{height:0}tr.expansion-element-row{cursor:pointer}tr.expansion-element-row:not(.expansion-expanded-row):hover{background:#f5f5f5}tr.expansion-element-row:not(.expansion-expanded-row):active{background:#efefef}.expansion-element-row td{border-bottom-width:0}.expansion-element-cell{display:grid}.expansion-element-detail-wrapper{overflow:hidden;display:grid;grid-template-rows:0fr;grid-template-columns:100%;transition:grid-template-rows 225ms cubic-bezier(.4,0,.2,1)}.expansion-element-detail-wrapper-expanded{grid-template-rows:1fr}.expansion-element-detail{display:grid;min-height:0;min-width:100%}.expansion-toggle-button{transition:transform 225ms cubic-bezier(.4,0,.2,1)}.expansion-toggle-button-expanded{transform:rotate(180deg)}.expansion-table-title{text-align:left;padding:0;margin-left:.5em}\n"], dependencies: [{ kind: "component", type: TableComponent, selector: "lib-table", inputs: ["title", "tableData", "columns", "showPaginator", "showSearch", "maxTableHeight", "shrinkTable", "paginatorSticky", "pageinatorDefaultIncrement", "sortingDataAccessor", "sortState", "headerBackgroundColor", "headerTextColor", "expansion"], outputs: ["buttonClicked", "exportSortState"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "component", type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "directive", type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "component", type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: RoundNumberPipe, name: "roundNumber" }, { kind: "pipe", type: DecimalPointsPipe, name: "decimalPoints" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", 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 }, sortState: { classPropertyName: "sortState", publicName: "sortState", isSignal: true, isRequired: false, transformFunction: null }, headerBackgroundColor: { classPropertyName: "headerBackgroundColor", publicName: "headerBackgroundColor", isSignal: true, isRequired: false, transformFunction: null }, headerTextColor: { classPropertyName: "headerTextColor", publicName: "headerTextColor", isSignal: true, isRequired: false, transformFunction: null }, expansion: { classPropertyName: "expansion", publicName: "expansion", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked", exportSortState: "exportSortState" }, viewQueries: [{ propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, isSignal: true }], ngImport: i0, template: "@if (showSearch()) {\r\n  <div style=\"display: flex; gap: .75em;\">\r\n    @if (title() !== '') {\r\n      <h3>{{title()}}</h3>\r\n    }\r\n\r\n    <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1em;\">\r\n        <mat-label>Search</mat-label>\r\n        <mat-icon matPrefix>search</mat-icon>\r\n        <input type=\"text\" matInput (keyup)=\"searchFilterChange($event)\">\r\n    </mat-form-field>\r\n  </div>\r\n}\r\n@else {\r\n  @if (title() !== '') {\r\n    <h3>{{title()}}</h3>\r\n  }\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\" multiTemplateDataRows matSort (matSortChange)=\"sortChanged($event)\">\r\n      @for (column of columns(); track column) {\r\n        <ng-container [matColumnDef]=\"column.field\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth, 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">\r\n            <div>{{ column.fieldColumnTitle }}</div>\r\n          </th>\r\n\r\n          <td mat-cell *matCellDef=\"let data\" [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth }\">\r\n            @if(column.isDate) {\r\n              @if(column.isDate.showTime) {\r\n                {{ getFieldValue(data, column) | date:'short' }}\r\n              }\r\n              @else if(column.isDate.customFormat) {\r\n                {{ getFieldValue(data, column) | date:'' + column.isDate.customFormat + ''}}\r\n              }\r\n              @else {\r\n                {{ getFieldValue(data, column) | date:'shortDate' }}\r\n              }\r\n            }\r\n            @else if (column.isNumber) {\r\n              @if (column.isNumber.needsRounded) {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ getFieldValue(data, column) | number:'0.0-0' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ getFieldValue(data, column) | number:'0.0-0' }}\r\n                }\r\n                @else {\r\n                  {{ getFieldValue(data, column) | number:'0.0-0' }}\r\n                }\r\n              } @else {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ getFieldValue(data, column) | number:'.2-2' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ getFieldValue(data, column) | number:'.2-2' }}\r\n                }\r\n                @else {\r\n                  {{ getFieldValue(data, column) | number:'.2-2' }}\r\n                }\r\n              }\r\n            }\r\n            @else if (column.isCheckbox) {\r\n              @if (column.tripleNestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else if (column.doubleNestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else if (column.nestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.field][column.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else {\r\n                <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n            }\r\n            @else if (column.isHyperlink) {\r\n              <a [href]=\"data[column.isHyperlink.linkField]\" target=\"_blank\">\r\n                {{ getFieldValue(data, column) }}\r\n              </a>\r\n            }\r\n            @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\r\n                @if (column.isButton.isIcon.displayOnFieldValue) {\r\n                  @if (getFieldValue(data, column) === true) {\r\n                    <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                      (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                      <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor, 'display': getFieldValue(data, column) === true ? 'default' : 'none'}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                    </button>\r\n                  }\r\n                }\r\n                @else {\r\n                  <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                    (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                    <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                  </button>\r\n                }\r\n              } @else if (column.isButton.isCheckbox) {\r\n                @if (column.tripleNestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.field][column.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.field]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\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\r\n                  @if (column.isButton.buttonText && column.isButton.buttonText.text) {\r\n                    {{column.isButton.buttonText.text}}\r\n                  }\r\n                  @else if (column.isButton.buttonText &&column.isButton.buttonText.field) {\r\n                    {{ data[column.isButton.buttonText.field] }}\r\n                  }\r\n                  @else if (column.isButton.buttonText && column.isButton.buttonText.nestedField) {\r\n                    {{ getFieldValue(data, column) }}\r\n                  }\r\n                  @else if (column.isButton.text) {\r\n                    {{column.isButton.text}}\r\n                  }\r\n\r\n                  @if (column.isButton.buttonText && column.isButton.buttonText.includesIcon) {\r\n                    <mat-icon>\r\n                      {{column.isButton.buttonText.includesIcon.iconName}}\r\n                    </mat-icon>\r\n                  }\r\n                </button>\r\n              }\r\n            }\r\n            @else if (column.isEditable) {\r\n              @if (column.isEditable.type === 'textarea') {\r\n                @if (column.tripleNestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.field][column.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.field]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n              }\r\n              @else if (column.isEditable.type === 'dropdown' && column.isEditable.isDropdown) {\r\n                @if (column.tripleNestedField) {\r\n                  <select [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <select [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <select [(ngModel)]=\"data[column.field][column.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else {\r\n                  <select [(ngModel)]=\"data[column.field]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n              }\r\n              @else if (column.isEditable.type === 'checkbox') {\r\n                @if (column.tripleNestedField) {\r\n                  <mat-checkbox [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></mat-checkbox>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <mat-checkbox [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></mat-checkbox>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <mat-checkbox [(ngModel)]=\"data[column.field][column.nestedField]\" (change)=\"buttonClick(data, column.field)\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></mat-checkbox>\r\n                }\r\n                @else {\r\n                  <mat-checkbox [(ngModel)]=\"data[column.field]\" (change)=\"buttonClick(data, column.field)\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></mat-checkbox>\r\n                }\r\n              }\r\n              @else if (column.isEditable.isNumber) {\r\n                @if (column.isEditable.isNumber.needsRounded) {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else {\r\n                    <input [ngModel]=\"data[column.field] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n                @else if (column.isEditable.isNumber.decimalPoints) {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else {\r\n                    <input [ngModel]=\"data[column.field] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n                @else {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.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, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n              }\r\n              @else {\r\n                @if (column.tripleNestedField) {\r\n                  <input [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <input [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <input [(ngModel)]=\"data[column.field][column.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else {\r\n                  <input [(ngModel)]=\"data[column.field]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n              }\r\n            }\r\n            @else if (column.fieldIconButton) {\r\n              {{ getFieldValue(data, column) }}\r\n\r\n              <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                (click)=\"buttonClick(data, column.field)\">\r\n                <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n              </button>\r\n            }\r\n            @else {\r\n              {{ getFieldValue(data, column) }}\r\n            }\r\n          </td>\r\n        </ng-container>\r\n      }\r\n\r\n      @if (expansion() !== null) {\r\n        <ng-container matColumnDef=\"expand\">\r\n          <th mat-header-cell *matHeaderCellDef aria-label=\"row actions\" [ngStyle]=\"{ 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">&nbsp;</th>\r\n          <td mat-cell *matCellDef=\"let element\">\r\n            <button matIconButton aria-label=\"expand row\"\r\n              (click)=\"toggle(element); $event.stopPropagation()\"\r\n              class=\"expansion-toggle-button\" [class.expansion-toggle-button-expanded]=\"isExpanded(element)\">\r\n              <mat-icon>keyboard_arrow_down</mat-icon>\r\n            </button>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->\r\n        <ng-container matColumnDef=\"expandedDetail\">\r\n          <td mat-cell *matCellDef=\"let element\" [attr.colspan]=\"columnsWithExpand.length\">\r\n            <div class=\"expansion-element-detail-wrapper\"\r\n              [class.expansion-element-detail-wrapper-expanded]=\"isExpanded(element)\">\r\n              <div class=\"expansion-element-detail\">\r\n                @if (expandedElement && expansion() && expansion()!.isTable) {\r\n                  @if (expandedElement[expansion()!.isTable!.tableDataNestedField] !== undefined && expandedElement[expansion()!.isTable!.tableDataNestedField].length !== 0) {\r\n                    <p class=\"expansion-table-title\">{{ expansion()?.isTable?.title }}</p>\r\n\r\n                    <lib-table [title]=\"''\"\r\n                      [tableData]=\"expandedElement[expansion()!.isTable!.tableDataNestedField]\" [columns]=\"expansion()!.isTable!.columns\"\r\n                      [showPaginator]=\"expansion()!.isTable!.showPaginator\" [paginatorSticky]=\"expansion()!.isTable!.paginatorSticky\"\r\n                      [showSearch]=\"expansion()!.isTable!.showSearch\" [shrinkTable]=\"expansion()!.isTable!.shrinkTable\"\r\n                      [maxTableHeight]=\"expansion()!.isTable!.maxTableHeight\" [pageinatorDefaultIncrement]=\"expansion()!.isTable!.paginatorDefaultIncrement\"\r\n                      [headerBackgroundColor]=\"expansion()!.isTable!.headerBackgroundColor\"\r\n                      [headerTextColor]=\"expansion()!.isTable!.headerTextColor\"\r\n                      (buttonClicked)=\"tableButtonClicked($event)\" />\r\n                  }\r\n                  @else {\r\n                    <h3>No {{ expansion()!.isTable!.title }} to display.</h3>\r\n                  }\r\n                }\r\n                @else {\r\n                  <p>Currently only table's are only supported in expansions. There may be future uses but that will need defined in the ngx-lib Table component.</p>\r\n                }\r\n              </div>\r\n            </div>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <tr mat-header-row *matHeaderRowDef=\"columnsWithExpand; sticky: true\"></tr>\r\n        <tr mat-row *matRowDef=\"let element; columns: columnsWithExpand;\"\r\n            class=\"expansion-element-row\"\r\n            [class.expansion-expanded-row]=\"isExpanded(element)\"\r\n            (click)=\"toggle(element)\">\r\n        </tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: ['expandedDetail']\"\r\n          class=\"expansion-detail-row\" [class.show-expansion]=\"isExpanded(row)\" [class.hide-expansion]=\"!isExpanded(row)\">\r\n        </tr>\r\n      }\r\n      @else {\r\n        <tr mat-header-row *matHeaderRowDef=\"columnNames; sticky: true\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: columnNames;\"></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      }\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:.5em;text-align:center!important}.table-container .table{width:100%}:host ::ng-deep .mat-sort-header-container{display:flex;justify-content:center;margin-left:1.25em}td,th{text-align:center!important;vertical-align:middle!important}.shrink-table .mat-mdc-unelevated-button{line-height:1.75em}.shrink-table .mat-mdc-outlined-button{line-height:1.5em;height:1.5em}.shrink-table .mat-mdc-row:hover{background-color:#8f8f8f18;font-weight:700}.shrink-table .mat-mdc-row,tr.mat-row{min-height:1.5em;height:1.5em}.shrink-table .mat-mdc-header-row{min-height:40px}.shrink-table tr.mat-mdc-header-row{height:1.5em;border-radius:5px}.shrink-table .mat-column-tools{min-width:225px;max-width:225px}.shrink-table .mat-mdc-header-cell{font-weight:700;padding:0}.paginator-sticky{bottom:0;position:sticky;z-index:10}.button-extra-padding{padding-top:1.75em;padding-bottom:1.75em}table{width:100%}.hide-expansion{display:none}.show-expansion{display:table-row;vertical-align:inherit;border-color:inherit;background-color:#efefef}tr.expansion-detail-row{height:0}tr.expansion-element-row{cursor:pointer}tr.expansion-element-row:not(.expansion-expanded-row):hover{background:#f5f5f5}tr.expansion-element-row:not(.expansion-expanded-row):active{background:#efefef}.expansion-element-row td{border-bottom-width:0}.expansion-element-cell{display:grid}.expansion-element-detail-wrapper{overflow:hidden;display:grid;grid-template-rows:0fr;grid-template-columns:100%;transition:grid-template-rows 225ms cubic-bezier(.4,0,.2,1)}.expansion-element-detail-wrapper-expanded{grid-template-rows:1fr}.expansion-element-detail{display:grid;min-height:0;min-width:100%}.expansion-toggle-button{transition:transform 225ms cubic-bezier(.4,0,.2,1)}.expansion-toggle-button-expanded{transform:rotate(180deg)}.expansion-table-title{text-align:left;padding:0;margin-left:.5em}\n"], dependencies: [{ kind: "component", type: TableComponent, selector: "lib-table", inputs: ["title", "tableData", "columns", "showPaginator", "showSearch", "maxTableHeight", "shrinkTable", "paginatorSticky", "pageinatorDefaultIncrement", "sortingDataAccessor", "sortState", "headerBackgroundColor", "headerTextColor", "expansion"], outputs: ["buttonClicked", "exportSortState"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "component", type: MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "component", type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "directive", type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "component", type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: DatePipe, name: "date" }, { kind: "pipe", type: DecimalPipe, name: "number" }, { kind: "pipe", type: RoundNumberPipe, name: "roundNumber" }, { kind: "pipe", type: DecimalPointsPipe, name: "decimalPoints" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
@@ -223,7 +223,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImpor
                         NgStyle,
                         RoundNumberPipe,
                         DecimalPointsPipe
-                    ], standalone: true, template: "@if (showSearch()) {\r\n  <div style=\"display: flex; gap: .75em;\">\r\n    @if (title() !== '') {\r\n      <h3>{{title()}}</h3>\r\n    }\r\n\r\n    <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1em;\">\r\n        <mat-label>Search</mat-label>\r\n        <mat-icon matPrefix>search</mat-icon>\r\n        <input type=\"text\" matInput (keyup)=\"searchFilterChange($event)\">\r\n    </mat-form-field>\r\n  </div>\r\n}\r\n@else {\r\n  @if (title() !== '') {\r\n    <h3>{{title()}}</h3>\r\n  }\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\" multiTemplateDataRows matSort (matSortChange)=\"sortChanged($event)\">\r\n      @for (column of columns(); track column) {\r\n        <ng-container [matColumnDef]=\"column.field\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth, 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">\r\n            <div>{{ column.fieldColumnTitle }}</div>\r\n          </th>\r\n\r\n          <td mat-cell *matCellDef=\"let data\" [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth }\">\r\n            @if(column.isDate) {\r\n              @if(column.isDate.showTime) {\r\n                {{ getFieldValue(data, column) | date:'short' }}\r\n              }\r\n              @else if(column.isDate.customFormat) {\r\n                {{ getFieldValue(data, column) | date:'' + column.isDate.customFormat + ''}}\r\n              }\r\n              @else {\r\n                {{ getFieldValue(data, column) | date:'shortDate' }}\r\n              }\r\n            }\r\n            @else if (column.isNumber) {\r\n              @if (column.isNumber.needsRounded) {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ getFieldValue(data, column) | number:'0.0-0' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ getFieldValue(data, column) | number:'0.0-0' }}\r\n                }\r\n                @else {\r\n                  {{ getFieldValue(data, column) | number:'0.0-0' }}\r\n                }\r\n              } @else {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ getFieldValue(data, column) | number:'.2-2' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ getFieldValue(data, column) | number:'.2-2' }}\r\n                }\r\n                @else {\r\n                  {{ getFieldValue(data, column) | number:'.2-2' }}\r\n                }\r\n              }\r\n            }\r\n            @else if (column.isCheckbox) {\r\n              @if (column.tripleNestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else if (column.doubleNestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else if (column.nestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.field][column.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else {\r\n                <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n            }\r\n            @else if (column.isHyperlink) {\r\n              <a [href]=\"data[column.isHyperlink.linkField]\" target=\"_blank\">\r\n                {{ getFieldValue(data, column) }}\r\n              </a>\r\n            }\r\n            @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\r\n                @if (column.isButton.isIcon.displayOnFieldValue) {\r\n                  @if (getFieldValue(data, column) === true) {\r\n                    <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                      (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                      <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor, 'display': getFieldValue(data, column) === true ? 'default' : 'none'}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                    </button>\r\n                  }\r\n                }\r\n                @else {\r\n                  <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                    (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                    <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                  </button>\r\n                }\r\n              } @else if (column.isButton.isCheckbox) {\r\n                @if (column.tripleNestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.field][column.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.field]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\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\r\n                  @if (column.isButton.buttonText && column.isButton.buttonText.text) {\r\n                    {{column.isButton.buttonText.text}}\r\n                  }\r\n                  @else if (column.isButton.buttonText &&column.isButton.buttonText.field) {\r\n                    {{ data[column.isButton.buttonText.field] }}\r\n                  }\r\n                  @else if (column.isButton.buttonText && column.isButton.buttonText.nestedField) {\r\n                    {{ getFieldValue(data, column) }}\r\n                  }\r\n                  @else if (column.isButton.text) {\r\n                    {{column.isButton.text}}\r\n                  }\r\n\r\n                  @if (column.isButton.buttonText && column.isButton.buttonText.includesIcon) {\r\n                    <mat-icon>\r\n                      {{column.isButton.buttonText.includesIcon.iconName}}\r\n                    </mat-icon>\r\n                  }\r\n                </button>\r\n              }\r\n            }\r\n            @else if (column.isEditable) {\r\n              @if (column.isEditable.type === 'textarea') {\r\n                @if (column.tripleNestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.field][column.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.field]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n              }\r\n              @else if (column.isEditable.type === 'dropdown' && column.isEditable.isDropdown) {\r\n                @if (column.tripleNestedField) {\r\n                  <select [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <select [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <select [(ngModel)]=\"data[column.field][column.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else {\r\n                  <select [(ngModel)]=\"data[column.field]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n              }\r\n              @else if (column.isEditable.isNumber) {\r\n                @if (column.isEditable.isNumber.needsRounded) {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else {\r\n                    <input [ngModel]=\"data[column.field] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n                @else if (column.isEditable.isNumber.decimalPoints) {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else {\r\n                    <input [ngModel]=\"data[column.field] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n                @else {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.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, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n              }\r\n              @else {\r\n                @if (column.tripleNestedField) {\r\n                  <input [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <input [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <input [(ngModel)]=\"data[column.field][column.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else {\r\n                  <input [(ngModel)]=\"data[column.field]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n              }\r\n            }\r\n            @else if (column.fieldIconButton) {\r\n              {{ getFieldValue(data, column) }}\r\n\r\n              <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                (click)=\"buttonClick(data, column.field)\">\r\n                <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n              </button>\r\n            }\r\n            @else {\r\n              {{ getFieldValue(data, column) }}\r\n            }\r\n          </td>\r\n        </ng-container>\r\n      }\r\n\r\n      @if (expansion() !== null) {\r\n        <ng-container matColumnDef=\"expand\">\r\n          <th mat-header-cell *matHeaderCellDef aria-label=\"row actions\" [ngStyle]=\"{ 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">&nbsp;</th>\r\n          <td mat-cell *matCellDef=\"let element\">\r\n            <button matIconButton aria-label=\"expand row\"\r\n              (click)=\"toggle(element); $event.stopPropagation()\"\r\n              class=\"expansion-toggle-button\" [class.expansion-toggle-button-expanded]=\"isExpanded(element)\">\r\n              <mat-icon>keyboard_arrow_down</mat-icon>\r\n            </button>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->\r\n        <ng-container matColumnDef=\"expandedDetail\">\r\n          <td mat-cell *matCellDef=\"let element\" [attr.colspan]=\"columnsWithExpand.length\">\r\n            <div class=\"expansion-element-detail-wrapper\"\r\n              [class.expansion-element-detail-wrapper-expanded]=\"isExpanded(element)\">\r\n              <div class=\"expansion-element-detail\">\r\n                @if (expandedElement && expansion() && expansion()!.isTable) {\r\n                  @if (expandedElement[expansion()!.isTable!.tableDataNestedField] !== undefined && expandedElement[expansion()!.isTable!.tableDataNestedField].length !== 0) {\r\n                    <p class=\"expansion-table-title\">{{ expansion()?.isTable?.title }}</p>\r\n\r\n                    <lib-table [title]=\"''\"\r\n                      [tableData]=\"expandedElement[expansion()!.isTable!.tableDataNestedField]\" [columns]=\"expansion()!.isTable!.columns\"\r\n                      [showPaginator]=\"expansion()!.isTable!.showPaginator\" [paginatorSticky]=\"expansion()!.isTable!.paginatorSticky\"\r\n                      [showSearch]=\"expansion()!.isTable!.showSearch\" [shrinkTable]=\"expansion()!.isTable!.shrinkTable\"\r\n                      [maxTableHeight]=\"expansion()!.isTable!.maxTableHeight\" [pageinatorDefaultIncrement]=\"expansion()!.isTable!.paginatorDefaultIncrement\"\r\n                      [headerBackgroundColor]=\"expansion()!.isTable!.headerBackgroundColor\"\r\n                      [headerTextColor]=\"expansion()!.isTable!.headerTextColor\"\r\n                      (buttonClicked)=\"tableButtonClicked($event)\" />\r\n                  }\r\n                  @else {\r\n                    <h3>No {{ expansion()!.isTable!.title }} to display.</h3>\r\n                  }\r\n                }\r\n                @else {\r\n                  <p>Currently only table's are only supported in expansions. There may be future uses but that will need defined in the ngx-lib Table component.</p>\r\n                }\r\n              </div>\r\n            </div>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <tr mat-header-row *matHeaderRowDef=\"columnsWithExpand; sticky: true\"></tr>\r\n        <tr mat-row *matRowDef=\"let element; columns: columnsWithExpand;\"\r\n            class=\"expansion-element-row\"\r\n            [class.expansion-expanded-row]=\"isExpanded(element)\"\r\n            (click)=\"toggle(element)\">\r\n        </tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: ['expandedDetail']\"\r\n          class=\"expansion-detail-row\" [class.show-expansion]=\"isExpanded(row)\" [class.hide-expansion]=\"!isExpanded(row)\">\r\n        </tr>\r\n      }\r\n      @else {\r\n        <tr mat-header-row *matHeaderRowDef=\"columnNames; sticky: true\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: columnNames;\"></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      }\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:.5em;text-align:center!important}.table-container .table{width:100%}:host ::ng-deep .mat-sort-header-container{display:flex;justify-content:center;margin-left:1.25em}td,th{text-align:center!important;vertical-align:middle!important}.shrink-table .mat-mdc-unelevated-button{line-height:1.75em}.shrink-table .mat-mdc-outlined-button{line-height:1.5em;height:1.5em}.shrink-table .mat-mdc-row:hover{background-color:#8f8f8f18;font-weight:700}.shrink-table .mat-mdc-row,tr.mat-row{min-height:1.5em;height:1.5em}.shrink-table .mat-mdc-header-row{min-height:40px}.shrink-table tr.mat-mdc-header-row{height:1.5em;border-radius:5px}.shrink-table .mat-column-tools{min-width:225px;max-width:225px}.shrink-table .mat-mdc-header-cell{font-weight:700;padding:0}.paginator-sticky{bottom:0;position:sticky;z-index:10}.button-extra-padding{padding-top:1.75em;padding-bottom:1.75em}table{width:100%}.hide-expansion{display:none}.show-expansion{display:table-row;vertical-align:inherit;border-color:inherit;background-color:#efefef}tr.expansion-detail-row{height:0}tr.expansion-element-row{cursor:pointer}tr.expansion-element-row:not(.expansion-expanded-row):hover{background:#f5f5f5}tr.expansion-element-row:not(.expansion-expanded-row):active{background:#efefef}.expansion-element-row td{border-bottom-width:0}.expansion-element-cell{display:grid}.expansion-element-detail-wrapper{overflow:hidden;display:grid;grid-template-rows:0fr;grid-template-columns:100%;transition:grid-template-rows 225ms cubic-bezier(.4,0,.2,1)}.expansion-element-detail-wrapper-expanded{grid-template-rows:1fr}.expansion-element-detail{display:grid;min-height:0;min-width:100%}.expansion-toggle-button{transition:transform 225ms cubic-bezier(.4,0,.2,1)}.expansion-toggle-button-expanded{transform:rotate(180deg)}.expansion-table-title{text-align:left;padding:0;margin-left:.5em}\n"] }]
+                    ], standalone: true, template: "@if (showSearch()) {\r\n  <div style=\"display: flex; gap: .75em;\">\r\n    @if (title() !== '') {\r\n      <h3>{{title()}}</h3>\r\n    }\r\n\r\n    <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1em;\">\r\n        <mat-label>Search</mat-label>\r\n        <mat-icon matPrefix>search</mat-icon>\r\n        <input type=\"text\" matInput (keyup)=\"searchFilterChange($event)\">\r\n    </mat-form-field>\r\n  </div>\r\n}\r\n@else {\r\n  @if (title() !== '') {\r\n    <h3>{{title()}}</h3>\r\n  }\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\" multiTemplateDataRows matSort (matSortChange)=\"sortChanged($event)\">\r\n      @for (column of columns(); track column) {\r\n        <ng-container [matColumnDef]=\"column.field\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth, 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">\r\n            <div>{{ column.fieldColumnTitle }}</div>\r\n          </th>\r\n\r\n          <td mat-cell *matCellDef=\"let data\" [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth }\">\r\n            @if(column.isDate) {\r\n              @if(column.isDate.showTime) {\r\n                {{ getFieldValue(data, column) | date:'short' }}\r\n              }\r\n              @else if(column.isDate.customFormat) {\r\n                {{ getFieldValue(data, column) | date:'' + column.isDate.customFormat + ''}}\r\n              }\r\n              @else {\r\n                {{ getFieldValue(data, column) | date:'shortDate' }}\r\n              }\r\n            }\r\n            @else if (column.isNumber) {\r\n              @if (column.isNumber.needsRounded) {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ getFieldValue(data, column) | number:'0.0-0' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ getFieldValue(data, column) | number:'0.0-0' }}\r\n                }\r\n                @else {\r\n                  {{ getFieldValue(data, column) | number:'0.0-0' }}\r\n                }\r\n              } @else {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ getFieldValue(data, column) | number:'.2-2' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ getFieldValue(data, column) | number:'.2-2' }}\r\n                }\r\n                @else {\r\n                  {{ getFieldValue(data, column) | number:'.2-2' }}\r\n                }\r\n              }\r\n            }\r\n            @else if (column.isCheckbox) {\r\n              @if (column.tripleNestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else if (column.doubleNestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else if (column.nestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.field][column.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else {\r\n                <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n            }\r\n            @else if (column.isHyperlink) {\r\n              <a [href]=\"data[column.isHyperlink.linkField]\" target=\"_blank\">\r\n                {{ getFieldValue(data, column) }}\r\n              </a>\r\n            }\r\n            @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\r\n                @if (column.isButton.isIcon.displayOnFieldValue) {\r\n                  @if (getFieldValue(data, column) === true) {\r\n                    <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                      (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                      <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor, 'display': getFieldValue(data, column) === true ? 'default' : 'none'}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                    </button>\r\n                  }\r\n                }\r\n                @else {\r\n                  <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                    (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                    <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                  </button>\r\n                }\r\n              } @else if (column.isButton.isCheckbox) {\r\n                @if (column.tripleNestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.field][column.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.field]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\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\r\n                  @if (column.isButton.buttonText && column.isButton.buttonText.text) {\r\n                    {{column.isButton.buttonText.text}}\r\n                  }\r\n                  @else if (column.isButton.buttonText &&column.isButton.buttonText.field) {\r\n                    {{ data[column.isButton.buttonText.field] }}\r\n                  }\r\n                  @else if (column.isButton.buttonText && column.isButton.buttonText.nestedField) {\r\n                    {{ getFieldValue(data, column) }}\r\n                  }\r\n                  @else if (column.isButton.text) {\r\n                    {{column.isButton.text}}\r\n                  }\r\n\r\n                  @if (column.isButton.buttonText && column.isButton.buttonText.includesIcon) {\r\n                    <mat-icon>\r\n                      {{column.isButton.buttonText.includesIcon.iconName}}\r\n                    </mat-icon>\r\n                  }\r\n                </button>\r\n              }\r\n            }\r\n            @else if (column.isEditable) {\r\n              @if (column.isEditable.type === 'textarea') {\r\n                @if (column.tripleNestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.field][column.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.field]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n              }\r\n              @else if (column.isEditable.type === 'dropdown' && column.isEditable.isDropdown) {\r\n                @if (column.tripleNestedField) {\r\n                  <select [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <select [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <select [(ngModel)]=\"data[column.field][column.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else {\r\n                  <select [(ngModel)]=\"data[column.field]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n              }\r\n              @else if (column.isEditable.type === 'checkbox') {\r\n                @if (column.tripleNestedField) {\r\n                  <mat-checkbox [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></mat-checkbox>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <mat-checkbox [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></mat-checkbox>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <mat-checkbox [(ngModel)]=\"data[column.field][column.nestedField]\" (change)=\"buttonClick(data, column.field)\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></mat-checkbox>\r\n                }\r\n                @else {\r\n                  <mat-checkbox [(ngModel)]=\"data[column.field]\" (change)=\"buttonClick(data, column.field)\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></mat-checkbox>\r\n                }\r\n              }\r\n              @else if (column.isEditable.isNumber) {\r\n                @if (column.isEditable.isNumber.needsRounded) {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else {\r\n                    <input [ngModel]=\"data[column.field] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n                @else if (column.isEditable.isNumber.decimalPoints) {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else {\r\n                    <input [ngModel]=\"data[column.field] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n                @else {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.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, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n              }\r\n              @else {\r\n                @if (column.tripleNestedField) {\r\n                  <input [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <input [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <input [(ngModel)]=\"data[column.field][column.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else {\r\n                  <input [(ngModel)]=\"data[column.field]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n              }\r\n            }\r\n            @else if (column.fieldIconButton) {\r\n              {{ getFieldValue(data, column) }}\r\n\r\n              <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                (click)=\"buttonClick(data, column.field)\">\r\n                <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n              </button>\r\n            }\r\n            @else {\r\n              {{ getFieldValue(data, column) }}\r\n            }\r\n          </td>\r\n        </ng-container>\r\n      }\r\n\r\n      @if (expansion() !== null) {\r\n        <ng-container matColumnDef=\"expand\">\r\n          <th mat-header-cell *matHeaderCellDef aria-label=\"row actions\" [ngStyle]=\"{ 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">&nbsp;</th>\r\n          <td mat-cell *matCellDef=\"let element\">\r\n            <button matIconButton aria-label=\"expand row\"\r\n              (click)=\"toggle(element); $event.stopPropagation()\"\r\n              class=\"expansion-toggle-button\" [class.expansion-toggle-button-expanded]=\"isExpanded(element)\">\r\n              <mat-icon>keyboard_arrow_down</mat-icon>\r\n            </button>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->\r\n        <ng-container matColumnDef=\"expandedDetail\">\r\n          <td mat-cell *matCellDef=\"let element\" [attr.colspan]=\"columnsWithExpand.length\">\r\n            <div class=\"expansion-element-detail-wrapper\"\r\n              [class.expansion-element-detail-wrapper-expanded]=\"isExpanded(element)\">\r\n              <div class=\"expansion-element-detail\">\r\n                @if (expandedElement && expansion() && expansion()!.isTable) {\r\n                  @if (expandedElement[expansion()!.isTable!.tableDataNestedField] !== undefined && expandedElement[expansion()!.isTable!.tableDataNestedField].length !== 0) {\r\n                    <p class=\"expansion-table-title\">{{ expansion()?.isTable?.title }}</p>\r\n\r\n                    <lib-table [title]=\"''\"\r\n                      [tableData]=\"expandedElement[expansion()!.isTable!.tableDataNestedField]\" [columns]=\"expansion()!.isTable!.columns\"\r\n                      [showPaginator]=\"expansion()!.isTable!.showPaginator\" [paginatorSticky]=\"expansion()!.isTable!.paginatorSticky\"\r\n                      [showSearch]=\"expansion()!.isTable!.showSearch\" [shrinkTable]=\"expansion()!.isTable!.shrinkTable\"\r\n                      [maxTableHeight]=\"expansion()!.isTable!.maxTableHeight\" [pageinatorDefaultIncrement]=\"expansion()!.isTable!.paginatorDefaultIncrement\"\r\n                      [headerBackgroundColor]=\"expansion()!.isTable!.headerBackgroundColor\"\r\n                      [headerTextColor]=\"expansion()!.isTable!.headerTextColor\"\r\n                      (buttonClicked)=\"tableButtonClicked($event)\" />\r\n                  }\r\n                  @else {\r\n                    <h3>No {{ expansion()!.isTable!.title }} to display.</h3>\r\n                  }\r\n                }\r\n                @else {\r\n                  <p>Currently only table's are only supported in expansions. There may be future uses but that will need defined in the ngx-lib Table component.</p>\r\n                }\r\n              </div>\r\n            </div>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <tr mat-header-row *matHeaderRowDef=\"columnsWithExpand; sticky: true\"></tr>\r\n        <tr mat-row *matRowDef=\"let element; columns: columnsWithExpand;\"\r\n            class=\"expansion-element-row\"\r\n            [class.expansion-expanded-row]=\"isExpanded(element)\"\r\n            (click)=\"toggle(element)\">\r\n        </tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: ['expandedDetail']\"\r\n          class=\"expansion-detail-row\" [class.show-expansion]=\"isExpanded(row)\" [class.hide-expansion]=\"!isExpanded(row)\">\r\n        </tr>\r\n      }\r\n      @else {\r\n        <tr mat-header-row *matHeaderRowDef=\"columnNames; sticky: true\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: columnNames;\"></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      }\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:.5em;text-align:center!important}.table-container .table{width:100%}:host ::ng-deep .mat-sort-header-container{display:flex;justify-content:center;margin-left:1.25em}td,th{text-align:center!important;vertical-align:middle!important}.shrink-table .mat-mdc-unelevated-button{line-height:1.75em}.shrink-table .mat-mdc-outlined-button{line-height:1.5em;height:1.5em}.shrink-table .mat-mdc-row:hover{background-color:#8f8f8f18;font-weight:700}.shrink-table .mat-mdc-row,tr.mat-row{min-height:1.5em;height:1.5em}.shrink-table .mat-mdc-header-row{min-height:40px}.shrink-table tr.mat-mdc-header-row{height:1.5em;border-radius:5px}.shrink-table .mat-column-tools{min-width:225px;max-width:225px}.shrink-table .mat-mdc-header-cell{font-weight:700;padding:0}.paginator-sticky{bottom:0;position:sticky;z-index:10}.button-extra-padding{padding-top:1.75em;padding-bottom:1.75em}table{width:100%}.hide-expansion{display:none}.show-expansion{display:table-row;vertical-align:inherit;border-color:inherit;background-color:#efefef}tr.expansion-detail-row{height:0}tr.expansion-element-row{cursor:pointer}tr.expansion-element-row:not(.expansion-expanded-row):hover{background:#f5f5f5}tr.expansion-element-row:not(.expansion-expanded-row):active{background:#efefef}.expansion-element-row td{border-bottom-width:0}.expansion-element-cell{display:grid}.expansion-element-detail-wrapper{overflow:hidden;display:grid;grid-template-rows:0fr;grid-template-columns:100%;transition:grid-template-rows 225ms cubic-bezier(.4,0,.2,1)}.expansion-element-detail-wrapper-expanded{grid-template-rows:1fr}.expansion-element-detail{display:grid;min-height:0;min-width:100%}.expansion-toggle-button{transition:transform 225ms cubic-bezier(.4,0,.2,1)}.expansion-toggle-button-expanded{transform:rotate(180deg)}.expansion-table-title{text-align:left;padding:0;margin-left:.5em}\n"] }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], tableData: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableData", required: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], showPaginator: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPaginator", required: false }] }], showSearch: [{ type: i0.Input, args: [{ isSignal: true, alias: "showSearch", required: false }] }], maxTableHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxTableHeight", required: false }] }], shrinkTable: [{ type: i0.Input, args: [{ isSignal: true, alias: "shrinkTable", required: false }] }], paginatorSticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginatorSticky", required: false }] }], pageinatorDefaultIncrement: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageinatorDefaultIncrement", required: false }] }], sortingDataAccessor: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortingDataAccessor", required: false }] }], sortState: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortState", required: false }] }], headerBackgroundColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerBackgroundColor", required: false }] }], headerTextColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "headerTextColor", required: false }] }], expansion: [{ type: i0.Input, args: [{ isSignal: true, alias: "expansion", required: false }] }], buttonClicked: [{ type: i0.Output, args: ["buttonClicked"] }], exportSortState: [{ type: i0.Output, args: ["exportSortState"] }], paginator: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatPaginator), { isSignal: true }] }], sort: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatSort), { isSignal: true }] }] } });
 
 class TableModule {

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/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, ChangeDetectorRef, Component, inject, input, output, viewChild } from '@angular/core';\r\n\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatSort, MatSortHeader, Sort } 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\nimport { TableExpansion } from '../../model/table-expansion';\r\n\r\n@Component({\r\n    selector: 'lib-table',\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    standalone: true,\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\r\n  showPaginator = input(true);\r\n  showSearch = input(true);\r\n\r\n  maxTableHeight = input('50em');\r\n  shrinkTable = input(false);\r\n\r\n  paginatorSticky = input(false);\r\n  pageinatorDefaultIncrement = input(50);\r\n\r\n  sortingDataAccessor = input<(data: any, sortHeaderId: string) => string>();\r\n  // this was added because we needed to be able to retain & set the table's sort if it was refreshed\r\n  sortState = input<Sort | null>();\r\n\r\n  headerBackgroundColor = input('#ffffff');\r\n  headerTextColor = input('#000000');\r\n\r\n  expansion = input<TableExpansion | null>(null);\r\n  //#endregion\r\n\r\n  buttonClicked = output<{ rowData: any, field: string }>();\r\n  exportSortState = output<Sort>();\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  columnsWithExpand = [...this.columns().map(c => c.field), 'expand'];\r\n  expandedElement: any | null;\r\n\r\n  changeDetector = inject(ChangeDetectorRef);\r\n\r\n  ngOnInit(): void {\r\n    this.dataSource = new MatTableDataSource(this.tableData());\r\n\r\n    this.dataSource.sortingDataAccessor = this.sortingDataAccessor() ? this.sortingDataAccessor()! : this.#setSortingDataAccessor();\r\n\r\n    this.columnNames = this.columns().map(c => c.field);\r\n    this.columnsWithExpand = [...this.columns().map(c => c.field), 'expand'];\r\n\r\n    this.#setTablePageSizeOptions(this.pageinatorDefaultIncrement());\r\n\r\n    this.#setFilterPredicate();\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      if (this.sortState()) {\r\n        this.sort()!.active = this.sortState()!.active;\r\n        this.sort()!.direction = this.sortState()!.direction;\r\n\r\n        // need this to recongize the changes and show the \"arrow\" next to the header\r\n        this.sort()!._stateChanges.next();\r\n      }\r\n\r\n      this.dataSource.sort = this.sort()!;\r\n    }\r\n  }\r\n\r\n  ngAfterContentChecked() {\r\n    if (this.changeDetector)\r\n      this.changeDetector.detectChanges();\r\n  }\r\n\r\n  /** Checks whether an element is expanded. */\r\n  isExpanded(element: any) {\r\n    return this.expandedElement === element;\r\n  }\r\n\r\n  /** Toggles the expanded state of an element. */\r\n  toggle(element: any) {\r\n    if (this.isExpanded(element))\r\n      this.expandedElement = null;\r\n    else {\r\n      this.expandedElement = null;\r\n\r\n      // if the expansion is down already & we clicked a new element the table component wouldn't generate the data for the new item\r\n      setTimeout(() => {\r\n        this.expandedElement = element;\r\n      }, 1);\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, column: TableColumn, value: any) {\r\n    if (column.tripleNestedField)\r\n      rowData[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField] = value;\r\n    else if (column.doubleNestedField)\r\n      rowData[column.doubleNestedField.field][column.doubleNestedField.nestedField] = value;\r\n    else if (column.nestedField)\r\n      rowData[column.field][column.nestedField] = value;\r\n    else\r\n      rowData[column.field] = value;\r\n\r\n    this.buttonClicked.emit({ rowData, field: column.field });\r\n  }\r\n\r\n  getDropdownFieldValue(option: any, field: string, nestedField?: string) {\r\n    if (nestedField)\r\n      return option[field][nestedField];\r\n    else\r\n      return option[field];\r\n  }\r\n\r\n  getFieldValue(rowData: any, column: TableColumn) {\r\n    if (column.tripleNestedField)\r\n      return rowData[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField];\r\n    else if (column.doubleNestedField)\r\n      return rowData[column.doubleNestedField.field][column.doubleNestedField.nestedField];\r\n    else if (column.nestedField)\r\n      return rowData[column.field][column.nestedField];\r\n    else\r\n      return rowData[column.field];\r\n  }\r\n\r\n  tableButtonClicked(buttonClickedObject: { rowData: any, field: string }) {\r\n    if (buttonClickedObject)\r\n      this.buttonClicked.emit({ rowData: buttonClickedObject.rowData, field: buttonClickedObject.field });\r\n  }\r\n\r\n  sortChanged(sortState: Sort) {\r\n    this.exportSortState.emit(sortState);\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  #setSortingDataAccessor() {\r\n    return (data: any, sortHeaderId: string) => {\r\n      const columnField = this.columns().filter(c => c.field === sortHeaderId)[0];\r\n\r\n      return columnField.nestedField ? this.getFieldValue(data, columnField) :\r\n        columnField.doubleNestedField ? this.getFieldValue(data, columnField) :\r\n        columnField.tripleNestedField ? this.getFieldValue(data, columnField) :\r\n        data[sortHeaderId];\r\n    }\r\n  }\r\n\r\n  #setFilterPredicate() {\r\n    this.dataSource.filterPredicate = (data, filter: string)  => {\r\n      const accumulator = (currentTerm, key) => {\r\n        return this.nestedFilterCheck(currentTerm, data, key);\r\n      };\r\n      const dataStr = Object.keys(data).reduce(accumulator, '').toLowerCase();\r\n      // Transform the filter by converting it to lowercase and removing whitespace.\r\n      const transformedFilter = filter.trim().toLowerCase();\r\n      return dataStr.indexOf(transformedFilter) !== -1;\r\n    };\r\n  }\r\n\r\n  nestedFilterCheck(search, data, key) {\r\n    if (typeof data[key] === 'object') {\r\n      for (const k in data[key]) {\r\n        if (data[key][k] !== null) {\r\n          search = this.nestedFilterCheck(search, data[key], k);\r\n        }\r\n      }\r\n    } else {\r\n      search += data[key];\r\n    }\r\n    return search;\r\n  }\r\n}\r\n","@if (showSearch()) {\r\n  <div style=\"display: flex; gap: .75em;\">\r\n    @if (title() !== '') {\r\n      <h3>{{title()}}</h3>\r\n    }\r\n\r\n    <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1em;\">\r\n        <mat-label>Search</mat-label>\r\n        <mat-icon matPrefix>search</mat-icon>\r\n        <input type=\"text\" matInput (keyup)=\"searchFilterChange($event)\">\r\n    </mat-form-field>\r\n  </div>\r\n}\r\n@else {\r\n  @if (title() !== '') {\r\n    <h3>{{title()}}</h3>\r\n  }\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\" multiTemplateDataRows matSort (matSortChange)=\"sortChanged($event)\">\r\n      @for (column of columns(); track column) {\r\n        <ng-container [matColumnDef]=\"column.field\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth, 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">\r\n            <div>{{ column.fieldColumnTitle }}</div>\r\n          </th>\r\n\r\n          <td mat-cell *matCellDef=\"let data\" [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth }\">\r\n            @if(column.isDate) {\r\n              @if(column.isDate.showTime) {\r\n                {{ getFieldValue(data, column) | date:'short' }}\r\n              }\r\n              @else if(column.isDate.customFormat) {\r\n                {{ getFieldValue(data, column) | date:'' + column.isDate.customFormat + ''}}\r\n              }\r\n              @else {\r\n                {{ getFieldValue(data, column) | date:'shortDate' }}\r\n              }\r\n            }\r\n            @else if (column.isNumber) {\r\n              @if (column.isNumber.needsRounded) {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ getFieldValue(data, column) | number:'0.0-0' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ getFieldValue(data, column) | number:'0.0-0' }}\r\n                }\r\n                @else {\r\n                  {{ getFieldValue(data, column) | number:'0.0-0' }}\r\n                }\r\n              } @else {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ getFieldValue(data, column) | number:'.2-2' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ getFieldValue(data, column) | number:'.2-2' }}\r\n                }\r\n                @else {\r\n                  {{ getFieldValue(data, column) | number:'.2-2' }}\r\n                }\r\n              }\r\n            }\r\n            @else if (column.isCheckbox) {\r\n              @if (column.tripleNestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else if (column.doubleNestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else if (column.nestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.field][column.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else {\r\n                <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n            }\r\n            @else if (column.isHyperlink) {\r\n              <a [href]=\"data[column.isHyperlink.linkField]\" target=\"_blank\">\r\n                {{ getFieldValue(data, column) }}\r\n              </a>\r\n            }\r\n            @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\r\n                @if (column.isButton.isIcon.displayOnFieldValue) {\r\n                  @if (getFieldValue(data, column) === true) {\r\n                    <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                      (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                      <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor, 'display': getFieldValue(data, column) === true ? 'default' : 'none'}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                    </button>\r\n                  }\r\n                }\r\n                @else {\r\n                  <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                    (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                    <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                  </button>\r\n                }\r\n              } @else if (column.isButton.isCheckbox) {\r\n                @if (column.tripleNestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.field][column.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.field]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\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\r\n                  @if (column.isButton.buttonText && column.isButton.buttonText.text) {\r\n                    {{column.isButton.buttonText.text}}\r\n                  }\r\n                  @else if (column.isButton.buttonText &&column.isButton.buttonText.field) {\r\n                    {{ data[column.isButton.buttonText.field] }}\r\n                  }\r\n                  @else if (column.isButton.buttonText && column.isButton.buttonText.nestedField) {\r\n                    {{ getFieldValue(data, column) }}\r\n                  }\r\n                  @else if (column.isButton.text) {\r\n                    {{column.isButton.text}}\r\n                  }\r\n\r\n                  @if (column.isButton.buttonText && column.isButton.buttonText.includesIcon) {\r\n                    <mat-icon>\r\n                      {{column.isButton.buttonText.includesIcon.iconName}}\r\n                    </mat-icon>\r\n                  }\r\n                </button>\r\n              }\r\n            }\r\n            @else if (column.isEditable) {\r\n              @if (column.isEditable.type === 'textarea') {\r\n                @if (column.tripleNestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.field][column.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.field]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n              }\r\n              @else if (column.isEditable.type === 'dropdown' && column.isEditable.isDropdown) {\r\n                @if (column.tripleNestedField) {\r\n                  <select [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <select [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <select [(ngModel)]=\"data[column.field][column.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else {\r\n                  <select [(ngModel)]=\"data[column.field]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n              }\r\n              @else if (column.isEditable.isNumber) {\r\n                @if (column.isEditable.isNumber.needsRounded) {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else {\r\n                    <input [ngModel]=\"data[column.field] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n                @else if (column.isEditable.isNumber.decimalPoints) {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else {\r\n                    <input [ngModel]=\"data[column.field] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n                @else {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.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, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n              }\r\n              @else {\r\n                @if (column.tripleNestedField) {\r\n                  <input [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <input [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <input [(ngModel)]=\"data[column.field][column.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else {\r\n                  <input [(ngModel)]=\"data[column.field]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n              }\r\n            }\r\n            @else if (column.fieldIconButton) {\r\n              {{ getFieldValue(data, column) }}\r\n\r\n              <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                (click)=\"buttonClick(data, column.field)\">\r\n                <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n              </button>\r\n            }\r\n            @else {\r\n              {{ getFieldValue(data, column) }}\r\n            }\r\n          </td>\r\n        </ng-container>\r\n      }\r\n\r\n      @if (expansion() !== null) {\r\n        <ng-container matColumnDef=\"expand\">\r\n          <th mat-header-cell *matHeaderCellDef aria-label=\"row actions\" [ngStyle]=\"{ 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">&nbsp;</th>\r\n          <td mat-cell *matCellDef=\"let element\">\r\n            <button matIconButton aria-label=\"expand row\"\r\n              (click)=\"toggle(element); $event.stopPropagation()\"\r\n              class=\"expansion-toggle-button\" [class.expansion-toggle-button-expanded]=\"isExpanded(element)\">\r\n              <mat-icon>keyboard_arrow_down</mat-icon>\r\n            </button>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->\r\n        <ng-container matColumnDef=\"expandedDetail\">\r\n          <td mat-cell *matCellDef=\"let element\" [attr.colspan]=\"columnsWithExpand.length\">\r\n            <div class=\"expansion-element-detail-wrapper\"\r\n              [class.expansion-element-detail-wrapper-expanded]=\"isExpanded(element)\">\r\n              <div class=\"expansion-element-detail\">\r\n                @if (expandedElement && expansion() && expansion()!.isTable) {\r\n                  @if (expandedElement[expansion()!.isTable!.tableDataNestedField] !== undefined && expandedElement[expansion()!.isTable!.tableDataNestedField].length !== 0) {\r\n                    <p class=\"expansion-table-title\">{{ expansion()?.isTable?.title }}</p>\r\n\r\n                    <lib-table [title]=\"''\"\r\n                      [tableData]=\"expandedElement[expansion()!.isTable!.tableDataNestedField]\" [columns]=\"expansion()!.isTable!.columns\"\r\n                      [showPaginator]=\"expansion()!.isTable!.showPaginator\" [paginatorSticky]=\"expansion()!.isTable!.paginatorSticky\"\r\n                      [showSearch]=\"expansion()!.isTable!.showSearch\" [shrinkTable]=\"expansion()!.isTable!.shrinkTable\"\r\n                      [maxTableHeight]=\"expansion()!.isTable!.maxTableHeight\" [pageinatorDefaultIncrement]=\"expansion()!.isTable!.paginatorDefaultIncrement\"\r\n                      [headerBackgroundColor]=\"expansion()!.isTable!.headerBackgroundColor\"\r\n                      [headerTextColor]=\"expansion()!.isTable!.headerTextColor\"\r\n                      (buttonClicked)=\"tableButtonClicked($event)\" />\r\n                  }\r\n                  @else {\r\n                    <h3>No {{ expansion()!.isTable!.title }} to display.</h3>\r\n                  }\r\n                }\r\n                @else {\r\n                  <p>Currently only table's are only supported in expansions. There may be future uses but that will need defined in the ngx-lib Table component.</p>\r\n                }\r\n              </div>\r\n            </div>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <tr mat-header-row *matHeaderRowDef=\"columnsWithExpand; sticky: true\"></tr>\r\n        <tr mat-row *matRowDef=\"let element; columns: columnsWithExpand;\"\r\n            class=\"expansion-element-row\"\r\n            [class.expansion-expanded-row]=\"isExpanded(element)\"\r\n            (click)=\"toggle(element)\">\r\n        </tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: ['expandedDetail']\"\r\n          class=\"expansion-detail-row\" [class.show-expansion]=\"isExpanded(row)\" [class.hide-expansion]=\"!isExpanded(row)\">\r\n        </tr>\r\n      }\r\n      @else {\r\n        <tr mat-header-row *matHeaderRowDef=\"columnNames; sticky: true\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: columnNames;\"></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      }\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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"}
+{"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, ChangeDetectorRef, Component, inject, input, output, viewChild } from '@angular/core';\r\n\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatSort, MatSortHeader, Sort } 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\nimport { TableExpansion } from '../../model/table-expansion';\r\n\r\n@Component({\r\n    selector: 'lib-table',\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    standalone: true,\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\r\n  showPaginator = input(true);\r\n  showSearch = input(true);\r\n\r\n  maxTableHeight = input('50em');\r\n  shrinkTable = input(false);\r\n\r\n  paginatorSticky = input(false);\r\n  pageinatorDefaultIncrement = input(50);\r\n\r\n  sortingDataAccessor = input<(data: any, sortHeaderId: string) => string>();\r\n  // this was added because we needed to be able to retain & set the table's sort if it was refreshed\r\n  sortState = input<Sort | null>();\r\n\r\n  headerBackgroundColor = input('#ffffff');\r\n  headerTextColor = input('#000000');\r\n\r\n  expansion = input<TableExpansion | null>(null);\r\n  //#endregion\r\n\r\n  buttonClicked = output<{ rowData: any, field: string }>();\r\n  exportSortState = output<Sort>();\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  columnsWithExpand = [...this.columns().map(c => c.field), 'expand'];\r\n  expandedElement: any | null;\r\n\r\n  changeDetector = inject(ChangeDetectorRef);\r\n\r\n  ngOnInit(): void {\r\n    this.dataSource = new MatTableDataSource(this.tableData());\r\n\r\n    this.dataSource.sortingDataAccessor = this.sortingDataAccessor() ? this.sortingDataAccessor()! : this.#setSortingDataAccessor();\r\n\r\n    this.columnNames = this.columns().map(c => c.field);\r\n    this.columnsWithExpand = [...this.columns().map(c => c.field), 'expand'];\r\n\r\n    this.#setTablePageSizeOptions(this.pageinatorDefaultIncrement());\r\n\r\n    this.#setFilterPredicate();\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      if (this.sortState()) {\r\n        this.sort()!.active = this.sortState()!.active;\r\n        this.sort()!.direction = this.sortState()!.direction;\r\n\r\n        // need this to recongize the changes and show the \"arrow\" next to the header\r\n        this.sort()!._stateChanges.next();\r\n      }\r\n\r\n      this.dataSource.sort = this.sort()!;\r\n    }\r\n  }\r\n\r\n  ngAfterContentChecked() {\r\n    if (this.changeDetector)\r\n      this.changeDetector.detectChanges();\r\n  }\r\n\r\n  /** Checks whether an element is expanded. */\r\n  isExpanded(element: any) {\r\n    return this.expandedElement === element;\r\n  }\r\n\r\n  /** Toggles the expanded state of an element. */\r\n  toggle(element: any) {\r\n    if (this.isExpanded(element))\r\n      this.expandedElement = null;\r\n    else {\r\n      this.expandedElement = null;\r\n\r\n      // if the expansion is down already & we clicked a new element the table component wouldn't generate the data for the new item\r\n      setTimeout(() => {\r\n        this.expandedElement = element;\r\n      }, 1);\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, column: TableColumn, value: any) {\r\n    if (column.tripleNestedField)\r\n      rowData[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField] = value;\r\n    else if (column.doubleNestedField)\r\n      rowData[column.doubleNestedField.field][column.doubleNestedField.nestedField] = value;\r\n    else if (column.nestedField)\r\n      rowData[column.field][column.nestedField] = value;\r\n    else\r\n      rowData[column.field] = value;\r\n\r\n    this.buttonClicked.emit({ rowData, field: column.field });\r\n  }\r\n\r\n  getDropdownFieldValue(option: any, field: string, nestedField?: string) {\r\n    if (nestedField)\r\n      return option[field][nestedField];\r\n    else\r\n      return option[field];\r\n  }\r\n\r\n  getFieldValue(rowData: any, column: TableColumn) {\r\n    if (column.tripleNestedField)\r\n      return rowData[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField];\r\n    else if (column.doubleNestedField)\r\n      return rowData[column.doubleNestedField.field][column.doubleNestedField.nestedField];\r\n    else if (column.nestedField)\r\n      return rowData[column.field][column.nestedField];\r\n    else\r\n      return rowData[column.field];\r\n  }\r\n\r\n  tableButtonClicked(buttonClickedObject: { rowData: any, field: string }) {\r\n    if (buttonClickedObject)\r\n      this.buttonClicked.emit({ rowData: buttonClickedObject.rowData, field: buttonClickedObject.field });\r\n  }\r\n\r\n  sortChanged(sortState: Sort) {\r\n    this.exportSortState.emit(sortState);\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  #setSortingDataAccessor() {\r\n    return (data: any, sortHeaderId: string) => {\r\n      const columnField = this.columns().filter(c => c.field === sortHeaderId)[0];\r\n\r\n      return columnField.nestedField ? this.getFieldValue(data, columnField) :\r\n        columnField.doubleNestedField ? this.getFieldValue(data, columnField) :\r\n        columnField.tripleNestedField ? this.getFieldValue(data, columnField) :\r\n        data[sortHeaderId];\r\n    }\r\n  }\r\n\r\n  #setFilterPredicate() {\r\n    this.dataSource.filterPredicate = (data, filter: string)  => {\r\n      const accumulator = (currentTerm, key) => {\r\n        return this.nestedFilterCheck(currentTerm, data, key);\r\n      };\r\n      const dataStr = Object.keys(data).reduce(accumulator, '').toLowerCase();\r\n      // Transform the filter by converting it to lowercase and removing whitespace.\r\n      const transformedFilter = filter.trim().toLowerCase();\r\n      return dataStr.indexOf(transformedFilter) !== -1;\r\n    };\r\n  }\r\n\r\n  nestedFilterCheck(search, data, key) {\r\n    if (typeof data[key] === 'object') {\r\n      for (const k in data[key]) {\r\n        if (data[key][k] !== null) {\r\n          search = this.nestedFilterCheck(search, data[key], k);\r\n        }\r\n      }\r\n    } else {\r\n      search += data[key];\r\n    }\r\n    return search;\r\n  }\r\n}\r\n","@if (showSearch()) {\r\n  <div style=\"display: flex; gap: .75em;\">\r\n    @if (title() !== '') {\r\n      <h3>{{title()}}</h3>\r\n    }\r\n\r\n    <mat-form-field appearance=\"outline\" style=\"margin-bottom: -1em;\">\r\n        <mat-label>Search</mat-label>\r\n        <mat-icon matPrefix>search</mat-icon>\r\n        <input type=\"text\" matInput (keyup)=\"searchFilterChange($event)\">\r\n    </mat-form-field>\r\n  </div>\r\n}\r\n@else {\r\n  @if (title() !== '') {\r\n    <h3>{{title()}}</h3>\r\n  }\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\" multiTemplateDataRows matSort (matSortChange)=\"sortChanged($event)\">\r\n      @for (column of columns(); track column) {\r\n        <ng-container [matColumnDef]=\"column.field\">\r\n          <th mat-header-cell *matHeaderCellDef mat-sort-header [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth, 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">\r\n            <div>{{ column.fieldColumnTitle }}</div>\r\n          </th>\r\n\r\n          <td mat-cell *matCellDef=\"let data\" [class.hide-mobile]=\"column.hideOnMobile && isMobile\" [ngStyle]=\"{ 'width': column.columnWidth }\">\r\n            @if(column.isDate) {\r\n              @if(column.isDate.showTime) {\r\n                {{ getFieldValue(data, column) | date:'short' }}\r\n              }\r\n              @else if(column.isDate.customFormat) {\r\n                {{ getFieldValue(data, column) | date:'' + column.isDate.customFormat + ''}}\r\n              }\r\n              @else {\r\n                {{ getFieldValue(data, column) | date:'shortDate' }}\r\n              }\r\n            }\r\n            @else if (column.isNumber) {\r\n              @if (column.isNumber.needsRounded) {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ getFieldValue(data, column) | number:'0.0-0' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ getFieldValue(data, column) | number:'0.0-0' }}\r\n                }\r\n                @else {\r\n                  {{ getFieldValue(data, column) | number:'0.0-0' }}\r\n                }\r\n              } @else {\r\n                @if (column.isNumber.percentage) {\r\n                  {{ getFieldValue(data, column) | number:'.2-2' }}%\r\n                }\r\n                @else if (column.isNumber.money) {\r\n                  ${{ getFieldValue(data, column) | number:'.2-2' }}\r\n                }\r\n                @else {\r\n                  {{ getFieldValue(data, column) | number:'.2-2' }}\r\n                }\r\n              }\r\n            }\r\n            @else if (column.isCheckbox) {\r\n              @if (column.tripleNestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else if (column.doubleNestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else if (column.nestedField) {\r\n                <mat-checkbox [(ngModel)]=\"data[column.field][column.nestedField]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n              @else {\r\n                <mat-checkbox [(ngModel)]=\"data[column.field]\" [disabled]=\"column.isCheckbox['isDisabled']\" />\r\n              }\r\n            }\r\n            @else if (column.isHyperlink) {\r\n              <a [href]=\"data[column.isHyperlink.linkField]\" target=\"_blank\">\r\n                {{ getFieldValue(data, column) }}\r\n              </a>\r\n            }\r\n            @else if (column.isButton) {\r\n              @if (column.isButton.isIcon) {\r\n                @if (column.isButton.isIcon.displayOnFieldValue) {\r\n                  @if (getFieldValue(data, column) === true) {\r\n                    <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                      (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                      <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor, 'display': getFieldValue(data, column) === true ? 'default' : 'none'}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                    </button>\r\n                  }\r\n                }\r\n                @else {\r\n                  <button mat-icon-button [matTooltip]=\"column.isButton.isIcon.toolTip\" [disabled]=\"column.isButton.isDisabled\"\r\n                    (click)=\"column.isButton.isDisabled ? undefined : buttonClick(data, column.field)\">\r\n                    <mat-icon [ngStyle]=\"{'color': column.isButton.isIcon.iconColor}\">{{column.isButton.isIcon.iconName}}</mat-icon>\r\n                  </button>\r\n                }\r\n              } @else if (column.isButton.isCheckbox) {\r\n                @if (column.tripleNestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.field][column.nestedField]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\r\n                @else {\r\n                  <mat-checkbox [matTooltip]=\"column.isButton.isCheckbox.toolTip\"\r\n                    [(ngModel)]=\"data[column.field]\" (click)=\"buttonClick(data, column.field)\" />\r\n                }\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\r\n                  @if (column.isButton.buttonText && column.isButton.buttonText.text) {\r\n                    {{column.isButton.buttonText.text}}\r\n                  }\r\n                  @else if (column.isButton.buttonText &&column.isButton.buttonText.field) {\r\n                    {{ data[column.isButton.buttonText.field] }}\r\n                  }\r\n                  @else if (column.isButton.buttonText && column.isButton.buttonText.nestedField) {\r\n                    {{ getFieldValue(data, column) }}\r\n                  }\r\n                  @else if (column.isButton.text) {\r\n                    {{column.isButton.text}}\r\n                  }\r\n\r\n                  @if (column.isButton.buttonText && column.isButton.buttonText.includesIcon) {\r\n                    <mat-icon>\r\n                      {{column.isButton.buttonText.includesIcon.iconName}}\r\n                    </mat-icon>\r\n                  }\r\n                </button>\r\n              }\r\n            }\r\n            @else if (column.isEditable) {\r\n              @if (column.isEditable.type === 'textarea') {\r\n                @if (column.tripleNestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.field][column.nestedField]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n                @else {\r\n                  <textarea\r\n                    [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '100%' }\"\r\n                    [rows]=\"3\"\r\n                    [(ngModel)]=\"data[column.field]\"\r\n                    [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"\r\n                    (ngModelChange)=\"editableFieldChange(data, column, $event)\"\r\n                  ></textarea>\r\n                }\r\n              }\r\n              @else if (column.isEditable.type === 'dropdown' && column.isEditable.isDropdown) {\r\n                @if (column.tripleNestedField) {\r\n                  <select [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <select [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <select [(ngModel)]=\"data[column.field][column.nestedField]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n                @else {\r\n                  <select [(ngModel)]=\"data[column.field]\" (change)=\"buttonClick(data, column.field)\">\r\n                    @for (item of column.isEditable.isDropdown.options; track $index) {\r\n                      <option\r\n                        [value]=\"getDropdownFieldValue(item, column.isEditable.isDropdown.value.field, column.isEditable.isDropdown.value.nestedField)\"\r\n                      >\r\n                        {{ getDropdownFieldValue(item, column.isEditable.isDropdown.displayField.field, column.isEditable.isDropdown.displayField.nestedField) }}\r\n                      </option>\r\n                    }\r\n                  </select>\r\n                }\r\n              }\r\n              @else if (column.isEditable.type === 'checkbox') {\r\n                @if (column.tripleNestedField) {\r\n                  <mat-checkbox [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></mat-checkbox>\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <mat-checkbox [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (change)=\"buttonClick(data, column.field)\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></mat-checkbox>\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <mat-checkbox [(ngModel)]=\"data[column.field][column.nestedField]\" (change)=\"buttonClick(data, column.field)\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></mat-checkbox>\r\n                }\r\n                @else {\r\n                  <mat-checkbox [(ngModel)]=\"data[column.field]\" (change)=\"buttonClick(data, column.field)\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\"></mat-checkbox>\r\n                }\r\n              }\r\n              @else if (column.isEditable.isNumber) {\r\n                @if (column.isEditable.isNumber.needsRounded) {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else {\r\n                    <input [ngModel]=\"data[column.field] | roundNumber\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\" [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n                @else if (column.isEditable.isNumber.decimalPoints) {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else {\r\n                    <input [ngModel]=\"data[column.field] | decimalPoints:column.isEditable.isNumber.decimalPoints\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n                @else {\r\n                  @if (column.tripleNestedField) {\r\n                    <input [ngModel]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.doubleNestedField) {\r\n                    <input [ngModel]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                  @else if (column.nestedField) {\r\n                    <input [ngModel]=\"data[column.field][column.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.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, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '55%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"number\">\r\n                  }\r\n                }\r\n              }\r\n              @else {\r\n                @if (column.tripleNestedField) {\r\n                  <input [(ngModel)]=\"data[column.tripleNestedField.field][column.tripleNestedField.childField][column.tripleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else if (column.doubleNestedField) {\r\n                  <input [(ngModel)]=\"data[column.doubleNestedField.field][column.doubleNestedField.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else if (column.nestedField) {\r\n                  <input [(ngModel)]=\"data[column.field][column.nestedField]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n                @else {\r\n                  <input [(ngModel)]=\"data[column.field]\" (ngModelChange)=\"editableFieldChange(data, column, $event)\" [ngStyle]=\"{ 'width': column.isEditable.width ? column.isEditable.width : '85%' }\"  [disabled]=\"column.isEditable.disable !== undefined && column.isEditable.disable\" type=\"text\">\r\n                }\r\n              }\r\n            }\r\n            @else if (column.fieldIconButton) {\r\n              {{ getFieldValue(data, column) }}\r\n\r\n              <button mat-icon-button [matTooltip]=\"column.fieldIconButton.toolTip\"\r\n                (click)=\"buttonClick(data, column.field)\">\r\n                <mat-icon>{{column.fieldIconButton.iconName}}</mat-icon>\r\n              </button>\r\n            }\r\n            @else {\r\n              {{ getFieldValue(data, column) }}\r\n            }\r\n          </td>\r\n        </ng-container>\r\n      }\r\n\r\n      @if (expansion() !== null) {\r\n        <ng-container matColumnDef=\"expand\">\r\n          <th mat-header-cell *matHeaderCellDef aria-label=\"row actions\" [ngStyle]=\"{ 'background-color': headerBackgroundColor(), 'color': headerTextColor() }\">&nbsp;</th>\r\n          <td mat-cell *matCellDef=\"let element\">\r\n            <button matIconButton aria-label=\"expand row\"\r\n              (click)=\"toggle(element); $event.stopPropagation()\"\r\n              class=\"expansion-toggle-button\" [class.expansion-toggle-button-expanded]=\"isExpanded(element)\">\r\n              <mat-icon>keyboard_arrow_down</mat-icon>\r\n            </button>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <!-- Expanded Content Column - The detail row is made up of this one column that spans across all columns -->\r\n        <ng-container matColumnDef=\"expandedDetail\">\r\n          <td mat-cell *matCellDef=\"let element\" [attr.colspan]=\"columnsWithExpand.length\">\r\n            <div class=\"expansion-element-detail-wrapper\"\r\n              [class.expansion-element-detail-wrapper-expanded]=\"isExpanded(element)\">\r\n              <div class=\"expansion-element-detail\">\r\n                @if (expandedElement && expansion() && expansion()!.isTable) {\r\n                  @if (expandedElement[expansion()!.isTable!.tableDataNestedField] !== undefined && expandedElement[expansion()!.isTable!.tableDataNestedField].length !== 0) {\r\n                    <p class=\"expansion-table-title\">{{ expansion()?.isTable?.title }}</p>\r\n\r\n                    <lib-table [title]=\"''\"\r\n                      [tableData]=\"expandedElement[expansion()!.isTable!.tableDataNestedField]\" [columns]=\"expansion()!.isTable!.columns\"\r\n                      [showPaginator]=\"expansion()!.isTable!.showPaginator\" [paginatorSticky]=\"expansion()!.isTable!.paginatorSticky\"\r\n                      [showSearch]=\"expansion()!.isTable!.showSearch\" [shrinkTable]=\"expansion()!.isTable!.shrinkTable\"\r\n                      [maxTableHeight]=\"expansion()!.isTable!.maxTableHeight\" [pageinatorDefaultIncrement]=\"expansion()!.isTable!.paginatorDefaultIncrement\"\r\n                      [headerBackgroundColor]=\"expansion()!.isTable!.headerBackgroundColor\"\r\n                      [headerTextColor]=\"expansion()!.isTable!.headerTextColor\"\r\n                      (buttonClicked)=\"tableButtonClicked($event)\" />\r\n                  }\r\n                  @else {\r\n                    <h3>No {{ expansion()!.isTable!.title }} to display.</h3>\r\n                  }\r\n                }\r\n                @else {\r\n                  <p>Currently only table's are only supported in expansions. There may be future uses but that will need defined in the ngx-lib Table component.</p>\r\n                }\r\n              </div>\r\n            </div>\r\n          </td>\r\n        </ng-container>\r\n\r\n        <tr mat-header-row *matHeaderRowDef=\"columnsWithExpand; sticky: true\"></tr>\r\n        <tr mat-row *matRowDef=\"let element; columns: columnsWithExpand;\"\r\n            class=\"expansion-element-row\"\r\n            [class.expansion-expanded-row]=\"isExpanded(element)\"\r\n            (click)=\"toggle(element)\">\r\n        </tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: ['expandedDetail']\"\r\n          class=\"expansion-detail-row\" [class.show-expansion]=\"isExpanded(row)\" [class.hide-expansion]=\"!isExpanded(row)\">\r\n        </tr>\r\n      }\r\n      @else {\r\n        <tr mat-header-row *matHeaderRowDef=\"columnNames; sticky: true\"></tr>\r\n        <tr mat-row *matRowDef=\"let row; columns: columnNames;\"></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      }\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/package.json

@@ -1,7 +1,7 @@
 {
   "comment": "NGX-LIB primary entry point package.json",
   "name": "@cleavelandprice/ngx-lib",
-  "version": "4.6.5",
+  "version": "4.6.7",
   "description": "Angular library providing foundational functionality to Cleaveland-Price applications",
   "peerDependencies": {
     "@angular/common": "^21.0.0",

package/types/cleavelandprice-ngx-lib-authentication-object.d.ts

@@ -2,7 +2,7 @@ import { AbstractAuthenticationService, AuthenticatedUser, AuthenticationService
 export * from '@cleavelandprice/ngx-lib/authentication';
 import * as i0 from '@angular/core';
 import { EventEmitter, ModuleWithProviders } from '@angular/core';
-import { User } from '@cleavelandprice/ngx-lib/active-directory';
+import { CleavelandPriceUser } from '@cleavelandprice/ngx-lib/active-directory';
 import { NgxLibServiceBase } from '@cleavelandprice/ngx-lib';
 import * as i1 from '@angular/common';
 
@@ -20,7 +20,7 @@ declare class AuthenticationObjectService extends NgxLibServiceBase implements A
     constructor(options: AuthenticationServiceOptions);
     login(username: string, password: string, adminGroup?: string, additionalInfo?: string): void;
     logout(): void;
-    validateUser(token: User): void;
+    validateUser(token: CleavelandPriceUser): void;
     checkForExistingToken(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AuthenticationObjectService, [{ optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AuthenticationObjectService>;

package/types/cleavelandprice-ngx-lib-authentication-token.d.ts

@@ -6,20 +6,25 @@ import * as i1 from '@angular/common';
 
 interface AuthenticationToken {
     aud: string;
+    department: string;
     displayName: string;
     distinguishedName: string;
     email: string;
     employeeNumber: string;
     exp: number;
     firstName: string;
+    hireDate: string;
     iss: string;
     lastName: string;
+    manager: string;
     memberOf: string;
     nbf: number;
     phone: string;
     role: string;
     sid: string;
+    title: string;
     winaccountname: string;
+    workShift: string;
 }
 
 interface AuthenticationTokenServiceOptions extends AuthenticationServiceOptions {

package/types/cleavelandprice-ngx-lib-authentication.d.ts

@@ -6,11 +6,21 @@ import * as i1 from '@angular/common';
 interface AuthenticatedUser {
     admin: boolean;
     accountName: string;
+    department: string;
     displayName: string;
     distinguishedName: string;
-    employeeNumber: string;
+    email?: string;
+    employeeNumber?: string;
+    firstName: string;
+    hireDate: string;
+    lastName: string;
+    manager?: string;
+    phone?: string;
     photoUrl?: string;
+    sid: string;
+    title?: string;
     memberOf?: string;
+    workShift?: string;
 }
 
 interface AbstractAuthenticationService {