@trudb/tru-common-lib 0.3.1 → 0.4.0

package/fesm2022/trudb-tru-common-lib.mjs

@@ -5,7 +5,7 @@ import * as i1$1 from '@angular/common';
 import { CommonModule, DatePipe, NgIf, NgClass } from '@angular/common';
 import * as i8 from '@angular/forms';
 import { FormsModule, FormControl, ReactiveFormsModule, FormGroup, Validators } from '@angular/forms';
-import { BehaviorSubject, defer, from, of, Subject, Observable, merge, fromEvent, Subscription, interval, skip, forkJoin, first, finalize, throwError } from 'rxjs';
+import { BehaviorSubject, merge, defer, from, of, Subject, Observable, fromEvent, Subscription, interval, skip, forkJoin, first, finalize, throwError } from 'rxjs';
 import * as _ from 'underscore';
 import ___default from 'underscore';
 import * as i1$2 from '@angular/common/http';
@@ -361,7 +361,6 @@ class TruAppEnvironment {
     _appName;
     _appDescription;
     _appUri;
-    _enablePasswordStrength;
     _backgroundImageUri;
     _environmentWarning;
     _loginFormTitle;
@@ -397,7 +396,6 @@ class TruAppEnvironment {
         this._appName = '';
         this._appDescription = '';
         this._appUri = '';
-        this._enablePasswordStrength = true;
         this._backgroundImageUri = '';
         this._environmentWarning = '';
         this._loginFormTitle = '';
@@ -434,13 +432,6 @@ class TruAppEnvironment {
     set appDescription(description) {
         this._appDescription = description;
     }
-    get enablePasswordStrength() {
-        return this._enablePasswordStrength;
-    }
-    ;
-    set enablePasswordStrength(enable) {
-        this._enablePasswordStrength = enable;
-    }
     get backgroundImageUri() {
         return this._backgroundImageUri;
     }
@@ -1010,7 +1001,11 @@ class TruPasswordDialog {
     message = null;
     showPassword = false;
     passwordScore = null;
+    passwordWarning = null;
+    passwordSuggestions = [];
     passwordStrengthLevels = [0, 1, 2, 3, 4];
+    passwordStrengthLabels = ['Very weak', 'Weak', 'Fair', 'Strong', 'Very strong'];
+    minimumPasswordScore = 1;
     errorMsg = null;
     busy = false;
     baseUrl = '';
@@ -1026,28 +1021,24 @@ class TruPasswordDialog {
     onShowPasswordClicked = () => {
         this.showPassword = this.showPasswordControl.value;
     };
-    canSubmit = () => {
-        let canSubmit = false;
-        if (this.admin) {
-            canSubmit =
-                this.newPasswordControl.value &&
-                    this.confirmNewPasswordControl.value &&
-                    this.passwordScore !== null &&
-                    this.passwordScore > 1 &&
-                    this.newPasswordControl.value === this.confirmNewPasswordControl.value;
-        }
-        else {
-            canSubmit =
-                this.currentPasswordControl.value &&
-                    this.newPasswordControl.value &&
-                    this.confirmNewPasswordControl.value &&
-                    this.passwordScore !== null &&
-                    this.passwordScore > 1 &&
-                    this.newPasswordControl.value === this.confirmNewPasswordControl.value;
-        }
-        return canSubmit;
-    };
+    get validationMessage() {
+        if (!this.admin && !this.currentPasswordControl.value)
+            return 'Enter your current password.';
+        if (!this.newPasswordControl.value)
+            return 'Enter a new password.';
+        if (!this.confirmNewPasswordControl.value)
+            return 'Confirm your new password.';
+        if (this.newPasswordControl.value !== this.confirmNewPasswordControl.value)
+            return 'Passwords do not match.';
+        if (this.passwordScore === null || this.passwordScore < this.minimumPasswordScore)
+            return 'Choose a stronger password.';
+        return null;
+    }
+    canSubmit = () => !this.busy && this.validationMessage === null;
     onConfirm = () => {
+        if (!this.canSubmit())
+            return;
+        this.errorMsg = null;
         let passwordChangeRequest = new TruPasswordChangeRequest();
         passwordChangeRequest.currentPassword = this.currentPasswordControl.value;
         passwordChangeRequest.newPassword = this.newPasswordControl.value;
@@ -1067,7 +1058,9 @@ class TruPasswordDialog {
                 this.dialogRef.close(true);
             }, (ex) => {
                 this.busy = false;
-                this.errorMsg = ex.error;
+                this.errorMsg = typeof ex.error === 'string' && ex.error
+                    ? ex.error
+                    : 'Unable to update the password. Please try again.';
             });
         }
     };
@@ -1075,13 +1068,16 @@ class TruPasswordDialog {
         this.dialogRef.close(false);
     };
     ngOnInit() {
-        this.subs.push(this.currentPasswordControl.valueChanges.subscribe(() => {
+        this.subs.push(merge(this.currentPasswordControl.valueChanges, this.newPasswordControl.valueChanges, this.confirmNewPasswordControl.valueChanges).subscribe(() => {
             this.errorMsg = null;
         }));
         this.subs.push(this.newPasswordControl.valueChanges.subscribe((password) => {
-            this.passwordScore = password
-                ? passwordStrengthEstimator.check(password).score
+            const result = password
+                ? passwordStrengthEstimator.check(password)
                 : null;
+            this.passwordScore = result?.score ?? null;
+            this.passwordWarning = result?.feedback.warning ?? null;
+            this.passwordSuggestions = result?.feedback.suggestions ?? [];
         }));
         this.userRef = this.data.userRef;
         this.username = this.data.username;
@@ -1093,7 +1089,7 @@ class TruPasswordDialog {
         this.subs.forEach((s) => s.unsubscribe());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TruPasswordDialog, deps: [{ token: i1.MatDialogRef }, { token: i1$2.HttpClient }, { token: TruAppEnvironment }, { token: TruUiNotification }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: TruPasswordDialog, isStandalone: true, selector: "tru-password-dialog", ngImport: i0, template: "<div mat-dialog-title class=\"mat-dialog-title\">\r\n  <p class=\"tru-password-dialog-title\">{{title}}</p>\r\n  <p class=\"tru-password-dialog-username\">for {{username}}</p>\r\n</div>\r\n\r\n<div mat-dialog-content class=\"mat-dialog-content tru-control-container tru-password-dialog\">\r\n  <p>{{message}}</p>\r\n\r\n  <div class=\"tru-password-dialog-control-wrapper\" *ngIf=\"!admin\">\r\n    <mat-label>Current Password</mat-label>\r\n    <mat-form-field>\r\n      <input #currentInput\r\n             matInput\r\n             autocomplete=\"off webauthn\"\r\n             [formControl]=\"currentPasswordControl\"\r\n             [type]=\"showPassword ? 'text' : 'password'\" />\r\n    </mat-form-field>\r\n    <p class=\"tru-password-dialog-error-msg\" *ngIf=\"errorMsg\">{{errorMsg}}</p>\r\n  </div>\r\n  <div class=\"tru-password-dialog-control-wrapper\">\r\n    <mat-label>New Password</mat-label>\r\n    <mat-form-field>\r\n      <input #newInput\r\n             matInput\r\n             autocomplete=\"off webauthn\"\r\n             [formControl]=\"newPasswordControl\"\r\n             [type]=\"showPassword ? 'text' : 'password'\" />\r\n    </mat-form-field>\r\n    <div class=\"tru-password-strength-meter score-{{passwordScore}}\"\r\n         role=\"meter\"\r\n         aria-label=\"Password strength\"\r\n         aria-valuemin=\"0\"\r\n         aria-valuemax=\"4\"\r\n         [attr.aria-valuenow]=\"passwordScore\">\r\n      @for (level of passwordStrengthLevels; track level) {\r\n        <span [class.active]=\"passwordScore !== null && passwordScore >= level\"></span>\r\n      }\r\n    </div>\r\n  </div>\r\n  <div class=\"tru-password-dialog-control-wrapper\">\r\n    <mat-label>Confirm New Password</mat-label>\r\n    <mat-form-field>\r\n      <input #confirmInput\r\n             matInput\r\n             autocomplete=\"off webauthn\"\r\n             [formControl]=\"confirmNewPasswordControl\"\r\n             [type]=\"showPassword ? 'text' : 'password'\" />\r\n    </mat-form-field>\r\n  </div>\r\n  <mat-checkbox [formControl]=\"showPasswordControl\"\r\n                (click)=\"onShowPasswordClicked()\"\r\n                [labelPosition]=\"'before'\">\r\n    Show Password\r\n  </mat-checkbox>\r\n</div>\r\n\r\n<div mat-dialog-actions class=\"mat-dialog-actions\">\r\n  <button mat-raised-button (click)=\"onDismiss()\">Cancel</button>\r\n  <button [disabled]=\"!canSubmit() || busy || errorMsg ? 'disabled' : null\" mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Submit</button>\r\n</div>\r\n", styles: ["", "::ng-deep .mat-mdc-dialog-surface{padding:20px}.mat-mdc-dialog-title:before{content:unset!important;height:unset!important;padding:0 0 10px!important}.mdc-dialog__title{padding:20px 0 10px!important}.mdc-dialog__content{padding:10px 0 15px!important;overflow:hidden}.mat-mdc-dialog-content p{margin-bottom:0;font-size:14px;color:#545454}.mat-mdc-dialog-actions{padding:0!important}.mat-mdc-dialog-actions button{margin-right:10px}.tru-password-dialog .tru-password-dialog-control-wrapper{margin-bottom:20px}.tru-password-dialog-title{font-size:26px}.tru-password-dialog-username{font-size:14px;margin:0;color:var(--mat-dialog-supporting-text-color, rgba(0, 0, 0, .6))}.tru-password-dialog-error-msg{color:red!important;font-size:11px!important}.tru-password-strength-meter{display:flex;gap:4px;margin-top:4px}.tru-password-strength-meter span{background-color:#ddd;flex:1;height:4px}.tru-password-strength-meter.score-0 span.active{background-color:#d32f2f}.tru-password-strength-meter.score-1 span.active{background-color:#f57c00}.tru-password-strength-meter.score-2 span.active{background-color:#fbc02d}.tru-password-strength-meter.score-3 span.active{background-color:#7cb342}.tru-password-strength-meter.score-4 span.active{background-color:#388e3c}mat-checkbox{float:right!important}.std-control.edit{margin-bottom:10px;margin-right:10px}::ng-deep .tru-password-dialog .mat-mdc-form-field{display:inline!important}::ng-deep .tru-password-dialog .mat-mdc-form-field-infix{padding:0!important;min-height:unset!important}::ng-deep .tru-password-dialog mat-label{font-size:14px;font-weight:700}::ng-deep .tru-password-dialog input{font-size:12px;padding-left:5px}::ng-deep .tru-password-dialog .mat-mdc-form-field-bottom-align:before{content:unset!important}::ng-deep .tru-password-dialog path{color:#a9a9a9}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i3.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: "component", type: i4.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: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i7.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: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: TruPasswordDialog, isStandalone: true, selector: "tru-password-dialog", ngImport: i0, template: "<div mat-dialog-title class=\"mat-dialog-title\">\r\n  <p class=\"tru-password-dialog-title\">{{title}}</p>\r\n  <p class=\"tru-password-dialog-username\">for {{username}}</p>\r\n</div>\r\n\r\n<div mat-dialog-content class=\"mat-dialog-content tru-control-container tru-password-dialog\">\r\n  <p>{{message}}</p>\r\n\r\n  <div class=\"tru-password-dialog-control-wrapper\" *ngIf=\"!admin\">\r\n    <mat-label>Current Password</mat-label>\r\n    <mat-form-field>\r\n      <input #currentInput\r\n             matInput\r\n             autocomplete=\"off webauthn\"\r\n             [formControl]=\"currentPasswordControl\"\r\n             [type]=\"showPassword ? 'text' : 'password'\" />\r\n    </mat-form-field>\r\n  </div>\r\n  <div class=\"tru-password-dialog-control-wrapper\">\r\n    <mat-label>New Password</mat-label>\r\n    <mat-form-field>\r\n      <input #newInput\r\n             matInput\r\n             autocomplete=\"off webauthn\"\r\n             [formControl]=\"newPasswordControl\"\r\n             [type]=\"showPassword ? 'text' : 'password'\" />\r\n    </mat-form-field>\r\n    <div class=\"tru-password-strength-meter score-{{passwordScore}}\"\r\n         role=\"meter\"\r\n         aria-label=\"Password strength\"\r\n         aria-valuemin=\"0\"\r\n         aria-valuemax=\"4\"\r\n         [attr.aria-valuenow]=\"passwordScore\"\r\n         [attr.aria-valuetext]=\"passwordScore === null ? 'No password entered' : passwordStrengthLabels[passwordScore]\">\r\n      @for (level of passwordStrengthLevels; track level) {\r\n        <span [class.active]=\"passwordScore !== null && passwordScore >= level\"></span>\r\n      }\r\n    </div>\r\n    <div class=\"tru-password-feedback\" aria-live=\"polite\">\r\n      <p>Minimum strength: {{passwordStrengthLabels[minimumPasswordScore]}} (orange).</p>\r\n      @if (passwordScore !== null) {\r\n        <p>Strength: {{passwordStrengthLabels[passwordScore]}}.</p>\r\n      }\r\n      <p *ngIf=\"passwordWarning\">{{passwordWarning}}</p>\r\n      @for (suggestion of passwordSuggestions; track suggestion) {\r\n        <p>{{suggestion}}</p>\r\n      }\r\n    </div>\r\n  </div>\r\n  <div class=\"tru-password-dialog-control-wrapper\">\r\n    <mat-label>Confirm New Password</mat-label>\r\n    <mat-form-field>\r\n      <input #confirmInput\r\n             matInput\r\n             autocomplete=\"off webauthn\"\r\n             [formControl]=\"confirmNewPasswordControl\"\r\n             [type]=\"showPassword ? 'text' : 'password'\" />\r\n    </mat-form-field>\r\n  </div>\r\n  <p class=\"tru-password-dialog-status\" role=\"status\">{{busy ? 'Updating password...' : validationMessage}}</p>\r\n  <p class=\"tru-password-dialog-error-msg\" role=\"alert\" *ngIf=\"errorMsg\">{{errorMsg}}</p>\r\n  <mat-checkbox [formControl]=\"showPasswordControl\"\r\n                (click)=\"onShowPasswordClicked()\"\r\n                [labelPosition]=\"'before'\">\r\n    Show Password\r\n  </mat-checkbox>\r\n</div>\r\n\r\n<div mat-dialog-actions class=\"mat-dialog-actions\">\r\n  <button mat-raised-button (click)=\"onDismiss()\">Cancel</button>\r\n  <button [disabled]=\"!canSubmit()\" mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Submit</button>\r\n</div>\r\n", styles: ["", "::ng-deep .mat-mdc-dialog-surface{padding:20px}.mat-mdc-dialog-title:before{content:unset!important;height:unset!important;padding:0 0 10px!important}.mdc-dialog__title{padding:20px 0 10px!important}.mdc-dialog__content{padding:10px 0 15px!important;overflow-x:hidden;overflow-y:auto}.mat-mdc-dialog-content p{margin-bottom:0;font-size:14px;color:#545454}.mat-mdc-dialog-actions{padding:0!important}.mat-mdc-dialog-actions button{margin-right:10px}.tru-password-dialog .tru-password-dialog-control-wrapper{margin-bottom:20px}.tru-password-dialog-title{font-size:26px}.tru-password-dialog-username{font-size:14px;margin:0;color:var(--mat-dialog-supporting-text-color, rgba(0, 0, 0, .6))}.tru-password-dialog-error-msg{color:red!important;font-size:11px!important}.tru-password-feedback,.tru-password-dialog-status{margin:8px 0}.tru-password-strength-meter{display:flex;gap:4px;margin-top:4px}.tru-password-strength-meter span{background-color:#ddd;flex:1;height:4px}.tru-password-strength-meter.score-0 span.active{background-color:#d32f2f}.tru-password-strength-meter.score-1 span.active{background-color:#f57c00}.tru-password-strength-meter.score-2 span.active{background-color:#fbc02d}.tru-password-strength-meter.score-3 span.active{background-color:#7cb342}.tru-password-strength-meter.score-4 span.active{background-color:#388e3c}mat-checkbox{float:right!important}.std-control.edit{margin-bottom:10px;margin-right:10px}::ng-deep .tru-password-dialog .mat-mdc-form-field{display:inline!important}::ng-deep .tru-password-dialog .mat-mdc-form-field-infix{padding:0!important;min-height:unset!important}::ng-deep .tru-password-dialog mat-label{font-size:14px;font-weight:700}::ng-deep .tru-password-dialog input{font-size:12px;padding-left:5px}::ng-deep .tru-password-dialog .mat-mdc-form-field-bottom-align:before{content:unset!important}::ng-deep .tru-password-dialog path{color:#a9a9a9}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i8.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MaterialModule }, { kind: "component", type: i3.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: "component", type: i4.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: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i7.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: "component", type: i7.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.MatLabel, selector: "mat-label" }], changeDetection: i0.ChangeDetectionStrategy.Eager });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TruPasswordDialog, decorators: [{
             type: Component,
@@ -1102,7 +1098,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         FormsModule,
                         ReactiveFormsModule,
                         MaterialModule,
-                    ], template: "<div mat-dialog-title class=\"mat-dialog-title\">\r\n  <p class=\"tru-password-dialog-title\">{{title}}</p>\r\n  <p class=\"tru-password-dialog-username\">for {{username}}</p>\r\n</div>\r\n\r\n<div mat-dialog-content class=\"mat-dialog-content tru-control-container tru-password-dialog\">\r\n  <p>{{message}}</p>\r\n\r\n  <div class=\"tru-password-dialog-control-wrapper\" *ngIf=\"!admin\">\r\n    <mat-label>Current Password</mat-label>\r\n    <mat-form-field>\r\n      <input #currentInput\r\n             matInput\r\n             autocomplete=\"off webauthn\"\r\n             [formControl]=\"currentPasswordControl\"\r\n             [type]=\"showPassword ? 'text' : 'password'\" />\r\n    </mat-form-field>\r\n    <p class=\"tru-password-dialog-error-msg\" *ngIf=\"errorMsg\">{{errorMsg}}</p>\r\n  </div>\r\n  <div class=\"tru-password-dialog-control-wrapper\">\r\n    <mat-label>New Password</mat-label>\r\n    <mat-form-field>\r\n      <input #newInput\r\n             matInput\r\n             autocomplete=\"off webauthn\"\r\n             [formControl]=\"newPasswordControl\"\r\n             [type]=\"showPassword ? 'text' : 'password'\" />\r\n    </mat-form-field>\r\n    <div class=\"tru-password-strength-meter score-{{passwordScore}}\"\r\n         role=\"meter\"\r\n         aria-label=\"Password strength\"\r\n         aria-valuemin=\"0\"\r\n         aria-valuemax=\"4\"\r\n         [attr.aria-valuenow]=\"passwordScore\">\r\n      @for (level of passwordStrengthLevels; track level) {\r\n        <span [class.active]=\"passwordScore !== null && passwordScore >= level\"></span>\r\n      }\r\n    </div>\r\n  </div>\r\n  <div class=\"tru-password-dialog-control-wrapper\">\r\n    <mat-label>Confirm New Password</mat-label>\r\n    <mat-form-field>\r\n      <input #confirmInput\r\n             matInput\r\n             autocomplete=\"off webauthn\"\r\n             [formControl]=\"confirmNewPasswordControl\"\r\n             [type]=\"showPassword ? 'text' : 'password'\" />\r\n    </mat-form-field>\r\n  </div>\r\n  <mat-checkbox [formControl]=\"showPasswordControl\"\r\n                (click)=\"onShowPasswordClicked()\"\r\n                [labelPosition]=\"'before'\">\r\n    Show Password\r\n  </mat-checkbox>\r\n</div>\r\n\r\n<div mat-dialog-actions class=\"mat-dialog-actions\">\r\n  <button mat-raised-button (click)=\"onDismiss()\">Cancel</button>\r\n  <button [disabled]=\"!canSubmit() || busy || errorMsg ? 'disabled' : null\" mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Submit</button>\r\n</div>\r\n", styles: ["::ng-deep .mat-mdc-dialog-surface{padding:20px}.mat-mdc-dialog-title:before{content:unset!important;height:unset!important;padding:0 0 10px!important}.mdc-dialog__title{padding:20px 0 10px!important}.mdc-dialog__content{padding:10px 0 15px!important;overflow:hidden}.mat-mdc-dialog-content p{margin-bottom:0;font-size:14px;color:#545454}.mat-mdc-dialog-actions{padding:0!important}.mat-mdc-dialog-actions button{margin-right:10px}.tru-password-dialog .tru-password-dialog-control-wrapper{margin-bottom:20px}.tru-password-dialog-title{font-size:26px}.tru-password-dialog-username{font-size:14px;margin:0;color:var(--mat-dialog-supporting-text-color, rgba(0, 0, 0, .6))}.tru-password-dialog-error-msg{color:red!important;font-size:11px!important}.tru-password-strength-meter{display:flex;gap:4px;margin-top:4px}.tru-password-strength-meter span{background-color:#ddd;flex:1;height:4px}.tru-password-strength-meter.score-0 span.active{background-color:#d32f2f}.tru-password-strength-meter.score-1 span.active{background-color:#f57c00}.tru-password-strength-meter.score-2 span.active{background-color:#fbc02d}.tru-password-strength-meter.score-3 span.active{background-color:#7cb342}.tru-password-strength-meter.score-4 span.active{background-color:#388e3c}mat-checkbox{float:right!important}.std-control.edit{margin-bottom:10px;margin-right:10px}::ng-deep .tru-password-dialog .mat-mdc-form-field{display:inline!important}::ng-deep .tru-password-dialog .mat-mdc-form-field-infix{padding:0!important;min-height:unset!important}::ng-deep .tru-password-dialog mat-label{font-size:14px;font-weight:700}::ng-deep .tru-password-dialog input{font-size:12px;padding-left:5px}::ng-deep .tru-password-dialog .mat-mdc-form-field-bottom-align:before{content:unset!important}::ng-deep .tru-password-dialog path{color:#a9a9a9}\n"] }]
+                    ], template: "<div mat-dialog-title class=\"mat-dialog-title\">\r\n  <p class=\"tru-password-dialog-title\">{{title}}</p>\r\n  <p class=\"tru-password-dialog-username\">for {{username}}</p>\r\n</div>\r\n\r\n<div mat-dialog-content class=\"mat-dialog-content tru-control-container tru-password-dialog\">\r\n  <p>{{message}}</p>\r\n\r\n  <div class=\"tru-password-dialog-control-wrapper\" *ngIf=\"!admin\">\r\n    <mat-label>Current Password</mat-label>\r\n    <mat-form-field>\r\n      <input #currentInput\r\n             matInput\r\n             autocomplete=\"off webauthn\"\r\n             [formControl]=\"currentPasswordControl\"\r\n             [type]=\"showPassword ? 'text' : 'password'\" />\r\n    </mat-form-field>\r\n  </div>\r\n  <div class=\"tru-password-dialog-control-wrapper\">\r\n    <mat-label>New Password</mat-label>\r\n    <mat-form-field>\r\n      <input #newInput\r\n             matInput\r\n             autocomplete=\"off webauthn\"\r\n             [formControl]=\"newPasswordControl\"\r\n             [type]=\"showPassword ? 'text' : 'password'\" />\r\n    </mat-form-field>\r\n    <div class=\"tru-password-strength-meter score-{{passwordScore}}\"\r\n         role=\"meter\"\r\n         aria-label=\"Password strength\"\r\n         aria-valuemin=\"0\"\r\n         aria-valuemax=\"4\"\r\n         [attr.aria-valuenow]=\"passwordScore\"\r\n         [attr.aria-valuetext]=\"passwordScore === null ? 'No password entered' : passwordStrengthLabels[passwordScore]\">\r\n      @for (level of passwordStrengthLevels; track level) {\r\n        <span [class.active]=\"passwordScore !== null && passwordScore >= level\"></span>\r\n      }\r\n    </div>\r\n    <div class=\"tru-password-feedback\" aria-live=\"polite\">\r\n      <p>Minimum strength: {{passwordStrengthLabels[minimumPasswordScore]}} (orange).</p>\r\n      @if (passwordScore !== null) {\r\n        <p>Strength: {{passwordStrengthLabels[passwordScore]}}.</p>\r\n      }\r\n      <p *ngIf=\"passwordWarning\">{{passwordWarning}}</p>\r\n      @for (suggestion of passwordSuggestions; track suggestion) {\r\n        <p>{{suggestion}}</p>\r\n      }\r\n    </div>\r\n  </div>\r\n  <div class=\"tru-password-dialog-control-wrapper\">\r\n    <mat-label>Confirm New Password</mat-label>\r\n    <mat-form-field>\r\n      <input #confirmInput\r\n             matInput\r\n             autocomplete=\"off webauthn\"\r\n             [formControl]=\"confirmNewPasswordControl\"\r\n             [type]=\"showPassword ? 'text' : 'password'\" />\r\n    </mat-form-field>\r\n  </div>\r\n  <p class=\"tru-password-dialog-status\" role=\"status\">{{busy ? 'Updating password...' : validationMessage}}</p>\r\n  <p class=\"tru-password-dialog-error-msg\" role=\"alert\" *ngIf=\"errorMsg\">{{errorMsg}}</p>\r\n  <mat-checkbox [formControl]=\"showPasswordControl\"\r\n                (click)=\"onShowPasswordClicked()\"\r\n                [labelPosition]=\"'before'\">\r\n    Show Password\r\n  </mat-checkbox>\r\n</div>\r\n\r\n<div mat-dialog-actions class=\"mat-dialog-actions\">\r\n  <button mat-raised-button (click)=\"onDismiss()\">Cancel</button>\r\n  <button [disabled]=\"!canSubmit()\" mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Submit</button>\r\n</div>\r\n", styles: ["::ng-deep .mat-mdc-dialog-surface{padding:20px}.mat-mdc-dialog-title:before{content:unset!important;height:unset!important;padding:0 0 10px!important}.mdc-dialog__title{padding:20px 0 10px!important}.mdc-dialog__content{padding:10px 0 15px!important;overflow-x:hidden;overflow-y:auto}.mat-mdc-dialog-content p{margin-bottom:0;font-size:14px;color:#545454}.mat-mdc-dialog-actions{padding:0!important}.mat-mdc-dialog-actions button{margin-right:10px}.tru-password-dialog .tru-password-dialog-control-wrapper{margin-bottom:20px}.tru-password-dialog-title{font-size:26px}.tru-password-dialog-username{font-size:14px;margin:0;color:var(--mat-dialog-supporting-text-color, rgba(0, 0, 0, .6))}.tru-password-dialog-error-msg{color:red!important;font-size:11px!important}.tru-password-feedback,.tru-password-dialog-status{margin:8px 0}.tru-password-strength-meter{display:flex;gap:4px;margin-top:4px}.tru-password-strength-meter span{background-color:#ddd;flex:1;height:4px}.tru-password-strength-meter.score-0 span.active{background-color:#d32f2f}.tru-password-strength-meter.score-1 span.active{background-color:#f57c00}.tru-password-strength-meter.score-2 span.active{background-color:#fbc02d}.tru-password-strength-meter.score-3 span.active{background-color:#7cb342}.tru-password-strength-meter.score-4 span.active{background-color:#388e3c}mat-checkbox{float:right!important}.std-control.edit{margin-bottom:10px;margin-right:10px}::ng-deep .tru-password-dialog .mat-mdc-form-field{display:inline!important}::ng-deep .tru-password-dialog .mat-mdc-form-field-infix{padding:0!important;min-height:unset!important}::ng-deep .tru-password-dialog mat-label{font-size:14px;font-weight:700}::ng-deep .tru-password-dialog input{font-size:12px;padding-left:5px}::ng-deep .tru-password-dialog .mat-mdc-form-field-bottom-align:before{content:unset!important}::ng-deep .tru-password-dialog path{color:#a9a9a9}\n"] }]
         }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: i1$2.HttpClient }, { type: TruAppEnvironment }, { type: TruUiNotification }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
@@ -7487,15 +7483,10 @@ class TruDataGridClipboard {
     formatter;
     uiNotification;
     modelPropertyLookup;
-    tableName = null;
-    columnName = null;
-    copiedCellData = null;
-    copiedCellValue = null;
-    copiedCellEntity = null;
-    copiedCellParams = null;
-    copiedCellText = null;
-    copiedRows = [];
-    copiedRowsText = null;
+    copiedData = null;
+    pendingCopy = null;
+    copySequence = 0;
+    animatedElements = [];
     gridElement = null;
     constructor(util, formatter, uiNotification, modelPropertyLookup) {
         this.util = util;
@@ -7503,7 +7494,17 @@ class TruDataGridClipboard {
         this.uiNotification = uiNotification;
         this.modelPropertyLookup = modelPropertyLookup;
     }
+    bindControlEntity = (controlConfig, entity) => {
+        // Off-screen columns may never run their grid value getter. Compound controls bind their child fields.
+        if (controlConfig.subPropertyNames?.length) {
+            controlConfig.subPropertyNames.forEach((name) => this.bindControlEntity(controlConfig[name], entity));
+        }
+        else {
+            controlConfig.entity = entity;
+        }
+    };
     formatCellValue = (controlConfig, propertyConfig, entity, value) => {
+        this.bindControlEntity(controlConfig, entity);
         if (propertyConfig.typeName === 'rich-text-unbounded')
             return this.util.htmlToPlainText(value);
         else if (propertyConfig.typeName === 'foreign-key' || propertyConfig.typeName === 'user-foreign-key')
@@ -7512,10 +7513,67 @@ class TruDataGridClipboard {
             return this.formatter.excelFormula(propertyConfig.formatter(controlConfig));
     };
     normalizeClipboardText = (value) => String(value ?? '').replace(/\r\n/g, '\n').replace(/\r/g, '\n').replace(/\n$/, '');
-    readClipboardText = async () => {
-        if (!navigator.clipboard?.readText)
-            throw new Error('The browser does not support reading from the clipboard.');
-        return navigator.clipboard.readText();
+    writeClipboard = (text, data, event) => {
+        const sequence = ++this.copySequence;
+        this.copiedData = null;
+        this.removeBorderAnimation();
+        const selector = data.kind === 'rows' ? '.ag-row-selected' : '.ag-cell-focus';
+        const elements = Array.from(this.gridElement?.querySelectorAll('.ag-center-cols-container ' + selector) ?? []);
+        const copied = () => {
+            // An earlier asynchronous write must not replace a newer row or cell copy.
+            if (sequence !== this.copySequence)
+                return false;
+            this.copiedData = data;
+            this.animatedElements = elements;
+            elements.forEach(element => element.classList.add('animated-border'));
+            return true;
+        };
+        const failed = () => {
+            if (sequence === this.copySequence)
+                this.uiNotification.error('Unable to copy data to the system clipboard. Please copy the selection again.');
+            return false;
+        };
+        try {
+            if (event) {
+                // Native copy must be completed during the event, before the browser copies its text selection.
+                event.preventDefault();
+                if (!event.clipboardData)
+                    throw new Error('Clipboard data is unavailable.');
+                event.clipboardData.setData('text/plain', text);
+                this.pendingCopy = null;
+                return Promise.resolve(copied());
+            }
+            // Context-menu actions have no ClipboardEvent. Do not mark them copied until the write succeeds.
+            this.pendingCopy = navigator.clipboard.writeText(text).then(copied, failed).finally(() => {
+                if (sequence === this.copySequence)
+                    this.pendingCopy = null;
+            });
+            return this.pendingCopy;
+        }
+        catch {
+            this.pendingCopy = null;
+            return Promise.resolve(failed());
+        }
+    };
+    readClipboard = async (event) => {
+        const pendingCopy = this.pendingCopy;
+        const eventText = event?.clipboardData?.getData('text/plain');
+        if (pendingCopy && !await pendingCopy)
+            return null;
+        const data = this.copiedData;
+        try {
+            // A paste event raised during a context-menu copy can contain the old clipboard contents.
+            const text = !pendingCopy && eventText !== undefined ? eventText : await navigator.clipboard.readText();
+            if (data !== this.copiedData) {
+                this.uiNotification.error('The copied selection changed while pasting. Please paste again.');
+                return null;
+            }
+            return { text: this.normalizeClipboardText(text), data };
+        }
+        catch {
+            this.uiNotification.error('Unable to read data from the system clipboard.');
+            return null;
+        }
     };
     parseExternalCellValue = (clipboardText, controlConfig) => {
         const value = this.normalizeClipboardText(clipboardText);
@@ -7552,30 +7610,8 @@ class TruDataGridClipboard {
         return value;
     };
     removeBorderAnimation = () => {
-        var elementsWithAnimatedBorders = this.gridElement?.querySelectorAll('.animated-border');
-        if (elementsWithAnimatedBorders && elementsWithAnimatedBorders.length)
-            elementsWithAnimatedBorders.forEach((elementsWithAnimatedBorder) => {
-                elementsWithAnimatedBorder.classList.remove('animated-border');
-            });
-    };
-    addCellBorderAnimation = () => {
-        let rowContainerElement = this.gridElement?.querySelector('.ag-center-cols-container');
-        let selectedCellElement = rowContainerElement?.querySelectorAll('.ag-cell-focus')[0];
-        if (selectedCellElement)
-            selectedCellElement.classList.add('animated-border');
-    };
-    addRowBorderAnimation = () => {
-        var elementsWithAnimatedBorders = this.gridElement?.querySelectorAll('.animated-border');
-        if (elementsWithAnimatedBorders && elementsWithAnimatedBorders.length)
-            elementsWithAnimatedBorders.forEach((elementsWithAnimatedBorder) => {
-                elementsWithAnimatedBorder.classList.remove('animated-border');
-            });
-        let rowContainerElement = this.gridElement?.querySelector('.ag-center-cols-container');
-        let selectedRowElements = rowContainerElement?.querySelectorAll('.ag-row-selected');
-        if (selectedRowElements && selectedRowElements.length)
-            selectedRowElements.forEach((selectedRowElement) => {
-                selectedRowElement.classList.add('animated-border');
-            });
+        this.animatedElements.forEach(element => element.classList.remove('animated-border'));
+        this.animatedElements = [];
     };
     setGridElement(el) {
         this.gridElement = el;
@@ -7583,53 +7619,43 @@ class TruDataGridClipboard {
     clearAnimations() {
         this.removeBorderAnimation();
     }
-    copyCell = async (params, tableName, columnName, copiedCellData, copiedCellEntity) => {
-        this.tableName = tableName;
-        this.columnName = columnName;
-        this.copiedCellParams = params;
-        this.copiedCellData = copiedCellData;
-        this.copiedCellValue = copiedCellData[columnName].$;
-        this.copiedCellEntity = copiedCellEntity;
-        this.copiedCellText = this.normalizeClipboardText(params.value);
-        this.removeBorderAnimation();
-        this.addCellBorderAnimation();
-        try {
-            await navigator.clipboard.writeText(params.value);
-        }
-        catch (err) {
-            console.error('Failed to copy text: ', err);
-        }
-    };
-    pasteCell = async (params, pastedCellData, pastedCell) => {
+    copyCell = async (params, tableName, columnName, copiedCellData, copiedCellEntity, event) => {
+        const text = String(params.value ?? '');
+        await this.writeClipboard(text, {
+            kind: 'cell',
+            text: this.normalizeClipboardText(text),
+            typeName: copiedCellData[columnName].property.typeName,
+            value: copiedCellData[columnName].$,
+            entity: copiedCellEntity
+        }, event);
+    };
+    pasteCell = async (params, pastedCellData, pastedCell, event) => {
         let colDef = params.colDef;
         let columnName = colDef.field;
-        if (!colDef.editable) {
+        const editable = typeof colDef.editable === 'function'
+            ? colDef.editable({ ...params, colDef, column: params.column })
+            : colDef.editable;
+        if (!editable) {
             this.uiNotification.error('Cannot paste into a non-editable column: ' + colDef.field);
             return;
         }
-        let clipboardText;
-        try {
-            clipboardText = this.normalizeClipboardText(await this.readClipboardText());
-        }
-        catch (err) {
-            this.uiNotification.error('Unable to read data from the system clipboard.');
+        const clipboard = await this.readClipboard(event);
+        if (!clipboard)
             return;
-        }
         const pastedCellConfig = pastedCellData[columnName];
-        const isInternalCopy = this.copiedCellText !== null && clipboardText === this.copiedCellText;
-        if (isInternalCopy && this.copiedCellData && this.copiedCellParams) {
-            const copiedColumnName = this.copiedCellParams.colDef?.field;
-            const copiedCellDataTypeName = this.copiedCellData[copiedColumnName].property.typeName;
+        const copied = clipboard.data;
+        if (copied?.kind === 'cell' && clipboard.text === copied.text) {
+            const copiedCellDataTypeName = copied.typeName;
             const pastedCellDataTypeName = pastedCellConfig.property.typeName;
             if (copiedCellDataTypeName !== pastedCellDataTypeName) {
                 this.uiNotification.error('Clipboard data type does not match the current cell data type: ' + copiedCellDataTypeName + ' vs ' + pastedCellDataTypeName);
                 return;
             }
-            pastedCellConfig.$ = this.copiedCellValue;
+            pastedCellConfig.$ = copied.value;
         }
         else {
             try {
-                pastedCellConfig.$ = this.parseExternalCellValue(clipboardText, pastedCellConfig);
+                pastedCellConfig.$ = this.parseExternalCellValue(clipboard.text, pastedCellConfig);
             }
             catch (err) {
                 this.uiNotification.error(err.message);
@@ -7639,72 +7665,73 @@ class TruDataGridClipboard {
         this.removeBorderAnimation();
         params.api.refreshCells({ force: true });
     };
-    copyRow = async (tableName, columnDefs, copiedRows, includeHeaders = false) => {
-        this.tableName = tableName;
-        this.copiedRows = copiedRows;
-        this.copiedRowsText = null;
-        this.removeBorderAnimation();
-        this.addRowBorderAnimation();
+    copyRow = async (tableName, columnDefs, copiedRows, includeHeaders = false, event) => {
         if (copiedRows.length) {
             let multiRowString = '';
-            if (includeHeaders) {
-                let headerRow = [];
-                columnDefs
-                    .forEach((columnDef) => {
-                    if (!columnDef.pinned)
-                        headerRow.push(columnDef.headerName);
-                });
-                multiRowString += headerRow.join('\t') + '\n';
-            }
-            this.copiedRows.forEach((copiedRow, index) => {
-                let rowPropertyValues = [];
-                let properties = copiedRow.$entity.entityType.getPropertyNames();
-                columnDefs
-                    .forEach((columnDef) => {
-                    let propertyName = columnDef.field;
-                    let propertyConfig = copiedRow[propertyName]?.property;
-                    if (propertyConfig && !columnDef.pinned)
-                        rowPropertyValues.push(this.formatCellValue(copiedRow[propertyName], copiedRow[propertyName].property, copiedRow.$entity, copiedRow.$entity.getProperty(propertyName)));
-                });
-                multiRowString += rowPropertyValues.join('\t') + '\n';
-            });
-            this.copiedRowsText = this.normalizeClipboardText(multiRowString);
             try {
-                await navigator.clipboard.writeText(multiRowString);
+                if (includeHeaders) {
+                    let headerRow = [];
+                    columnDefs
+                        .forEach((columnDef) => {
+                        if (!columnDef.pinned)
+                            headerRow.push(columnDef.headerName);
+                    });
+                    multiRowString += headerRow.join('\t') + '\n';
+                }
+                copiedRows.forEach((copiedRow) => {
+                    let rowPropertyValues = [];
+                    columnDefs
+                        .forEach((columnDef) => {
+                        let propertyName = columnDef.field;
+                        let propertyConfig = copiedRow[propertyName]?.property;
+                        if (propertyConfig && !columnDef.pinned)
+                            rowPropertyValues.push(this.formatCellValue(copiedRow[propertyName], copiedRow[propertyName].property, copiedRow.$entity, copiedRow.$entity.getProperty(propertyName)));
+                    });
+                    multiRowString += rowPropertyValues.join('\t') + '\n';
+                });
             }
             catch (err) {
-                console.error('Failed to copy text: ', err);
+                // A failed copy must also invalidate an earlier asynchronous clipboard write.
+                ++this.copySequence;
+                this.copiedData = null;
+                this.pendingCopy = null;
+                this.removeBorderAnimation();
+                event?.preventDefault();
+                this.uiNotification.error('Unable to copy the selected rows.', [err instanceof Error ? err.message : String(err)]);
+                return;
             }
+            await this.writeClipboard(multiRowString, {
+                kind: 'rows',
+                tableName,
+                text: this.normalizeClipboardText(multiRowString),
+                rows: copiedRows.slice()
+            }, event);
         }
     };
-    pasteRow = async (gridApi, config, selectedRows) => {
-        let clipboardText;
-        try {
-            clipboardText = this.normalizeClipboardText(await this.readClipboardText());
-        }
-        catch (err) {
-            this.uiNotification.error('Unable to read data from the system clipboard.');
+    pasteRow = async (gridApi, config, selectedRows, event) => {
+        const clipboard = await this.readClipboard(event);
+        if (!clipboard)
             return;
-        }
-        if (this.copiedRowsText === null || clipboardText !== this.copiedRowsText) {
+        const copied = clipboard.data;
+        if (copied?.kind !== 'rows' || clipboard.text !== copied.text) {
             this.uiNotification.error('External row data cannot be pasted as an internal grid row copy. Paste into an individual cell instead.');
             return;
         }
-        if (this.tableName !== config.tableName) {
-            this.uiNotification.error('Clipboard data does not match the current table name: ' + this.tableName + ' vs ' + config.tableName);
+        if (copied.tableName !== config.tableName) {
+            this.uiNotification.error('Clipboard data does not match the current table name: ' + copied.tableName + ' vs ' + config.tableName);
             return;
         }
-        if (selectedRows && selectedRows.length !== this.copiedRows.length) {
-            this.uiNotification.error('Clipboard data does not match the number of selected rows: ' + this.copiedRows.length + ' vs ' + selectedRows.length);
+        if (!selectedRows || selectedRows.length !== copied.rows.length) {
+            this.uiNotification.error('Clipboard data does not match the number of selected rows: ' + copied.rows.length + ' vs ' + (selectedRows?.length ?? 0));
             return;
         }
-        if (this.copiedRows.length) {
-            this.copiedRows.reverse().forEach((copiedRow, index) => {
+        if (copied.rows.length) {
+            copied.rows.slice().reverse().forEach((copiedRow, index) => {
                 let selectedRow = selectedRows[index];
                 let properties = copiedRow.$entity.entityType.getPropertyNames();
                 properties
                     .forEach((propertyName) => {
-                    let property = this.modelPropertyLookup.lookup.get(this.tableName + '.' + propertyName);
+                    let property = this.modelPropertyLookup.lookup.get(copied.tableName + '.' + propertyName);
                     let excludedFromCloning = property ? property.excludeFromCloning : false;
                     if (typeof selectedRow.$entity.setProperty !== 'undefined' &&
                         !excludedFromCloning &&
@@ -7723,17 +7750,20 @@ class TruDataGridClipboard {
         }
     };
     insertRowsAtTop = (dataContext, config, addEntity) => {
-        if (this.tableName !== config.tableName) {
-            this.uiNotification.error('Clipboard data does not match the current table name: ' + this.tableName + ' vs ' + config.tableName);
+        const copied = this.copiedData;
+        if (copied?.kind !== 'rows')
+            return;
+        if (copied.tableName !== config.tableName) {
+            this.uiNotification.error('Clipboard data does not match the current table name: ' + copied.tableName + ' vs ' + config.tableName);
             return;
         }
-        if (this.copiedRows.length) {
-            this.copiedRows.reverse().forEach((row) => {
+        if (copied.rows.length) {
+            copied.rows.slice().reverse().forEach((row) => {
                 let newEntity = dataContext.entityAccess().add(config.resultConfig.entityType);
                 let properties = row.$entity.entityType.getPropertyNames();
                 properties
                     .filter((propertyName) => {
-                    let property = this.modelPropertyLookup.lookup.get(this.tableName + '.' + propertyName);
+                    let property = this.modelPropertyLookup.lookup.get(copied.tableName + '.' + propertyName);
                     let excludedFromCloning = property ? property.excludeFromCloning : false;
                     return propertyName !== 'Ref' &&
                         !excludedFromCloning &&
@@ -7752,10 +7782,10 @@ class TruDataGridClipboard {
         }
     };
     getCopiedRows = () => {
-        return this.copiedRows;
+        return this.copiedData?.kind === 'rows' ? this.copiedData.rows : [];
     };
     getCopiedCell = () => {
-        return this.copiedCellEntity;
+        return this.copiedData?.kind === 'cell' ? this.copiedData.entity : null;
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TruDataGridClipboard, deps: [{ token: TruUtil }, { token: TruFormatter }, { token: TruUiNotification }, { token: TruModelPropertyLookup }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TruDataGridClipboard, providedIn: 'root' });
@@ -7806,6 +7836,7 @@ class TruDataGridPkeyCellRenderer {
         let columnDefs = this.params.api.getColumnDefs();
         if (selectedRows.length) {
             let copiedRowData = selectedRows;
+            this.dataGridClipboard.setGridElement(this.params.eGridCell.closest('tru-data-grid'));
             this.dataGridClipboard.copyRow(this.params.context.grid.config.tableName, columnDefs, copiedRowData);
         }
     };
@@ -7814,6 +7845,7 @@ class TruDataGridPkeyCellRenderer {
         let columnDefs = this.params.api.getColumnDefs();
         if (selectedRows.length) {
             let copiedRowData = selectedRows;
+            this.dataGridClipboard.setGridElement(this.params.eGridCell.closest('tru-data-grid'));
             this.dataGridClipboard.copyRow(this.params.context.grid.config.tableName, columnDefs, copiedRowData, true);
         }
     };
@@ -9731,24 +9763,62 @@ class TruDataGrid {
                 key: event.code
             });
         }
-        else if (params.column.isPinned() && event.ctrlKey && event.code === 'KeyC') {
-            let selectedRows = this.api.getSelectedRows();
-            let columnDefs = this.api.getColumnDefs();
-            if (selectedRows.length)
-                this.dataGridClipboard.copyRow(this.config.tableName, columnDefs, selectedRows);
-        }
-        else if (params.column.isPinned() && event.ctrlKey && event.code === 'KeyV') {
-            event.preventDefault();
-            void this.dataGridClipboard.pasteRow(this.api, this.config, this.api.getSelectedRows());
-        }
-        else if (!params.column.isPinned() && event.ctrlKey && event.code === 'KeyC') {
-            this.dataGridClipboard.copyCell(params, this.config.tableName, params.colDef?.field, params.data, params.data.$entity);
+    };
+    getClipboardCell = (event) => {
+        const target = event.target;
+        // Editors and filter inputs own their text-selection clipboard operations.
+        if (event.defaultPrevented || !event.clipboardData || !this.api || this.api.getEditingCells().length ||
+            !target?.closest('.ag-cell') || target.closest('ag-grid-angular') !== event.currentTarget ||
+            target.closest('input, textarea, select') || target.isContentEditable)
+            return null;
+        const focused = this.api.getFocusedCell();
+        if (!focused)
+            return null;
+        const node = focused.rowPinned === 'top' ? this.api.getPinnedTopRow(focused.rowIndex)
+            : focused.rowPinned === 'bottom' ? this.api.getPinnedBottomRow(focused.rowIndex)
+                : this.api.getDisplayedRowAtIndex(focused.rowIndex);
+        if (!node?.data)
+            return null;
+        return {
+            api: this.api,
+            context: this.gridOptions.context,
+            column: focused.column,
+            colDef: focused.column.getColDef(),
+            node,
+            data: node.data,
+            value: this.api.getCellValue({ rowNode: node, colKey: focused.column })
+        };
+    };
+    // AG Grid's cellKeyDown notification is asynchronous; native clipboard events must be handled synchronously.
+    onCopy = (event) => {
+        const cell = this.getClipboardCell(event);
+        if (!cell)
+            return;
+        if (cell.column.isPinned()) {
+            const rows = this.api.getSelectedRows();
+            if (!rows.length)
+                return;
+            this.dataGridClipboard.setGridElement(this.hostElement.nativeElement);
+            event.stopPropagation();
+            void this.dataGridClipboard.copyRow(this.config.tableName, this.api.getColumnDefs(), rows, false, event);
         }
-        else if (!params.column.isPinned() && event.ctrlKey && event.code === 'KeyV') {
-            event.preventDefault();
-            void this.dataGridClipboard.pasteCell(params, params.data, params.data.$entity);
+        else if (cell.colDef.field && cell.data[cell.colDef.field]) {
+            this.dataGridClipboard.setGridElement(this.hostElement.nativeElement);
+            event.stopPropagation();
+            void this.dataGridClipboard.copyCell(cell, this.config.tableName, cell.colDef.field, cell.data, cell.data.$entity, event);
         }
     };
+    onPaste = (event) => {
+        const cell = this.getClipboardCell(event);
+        if (!cell || (!cell.column.isPinned() && (!cell.colDef.field || !cell.data[cell.colDef.field])))
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        if (cell.column.isPinned())
+            void this.dataGridClipboard.pasteRow(this.api, this.config, this.api.getSelectedRows(), event);
+        else
+            void this.dataGridClipboard.pasteCell(cell, cell.data, cell.data.$entity, event);
+    };
     onCellMouseOver(e) {
         let targetElement = e?.event?.target;
         const fieldName = e?.colDef?.field;
@@ -10109,7 +10179,7 @@ class TruDataGrid {
         }
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TruDataGrid, deps: [{ token: TruDataContext }, { token: TruComponentLookup }, { token: TruSearchResultViewManager }, { token: TruAppEnvironment }, { token: TruSearchViewEventHandler }, { token: TruUiNotification }, { token: TruConnectionHub }, { token: TruWindowEventHandler }, { token: TruDataGridClipboard }, { token: TruUtil }, { token: i0.ApplicationRef }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: TruDesktopViewEventNotifier }, { token: TruTabGroupEventNotifier, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: TruDataGrid, isStandalone: true, selector: "tru-data-grid", inputs: { config: "config", entity: "entity", name: "name" }, host: { properties: { "class.tru-data-grid": "true" } }, viewQueries: [{ propertyName: "dataGridContainer", first: true, predicate: ["dataGridContainer"], descendants: true }, { propertyName: "customToolbarContainer", first: true, predicate: ["customToolbarContainer"], descendants: true, read: ViewContainerRef }], usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"{'tru-data-grid-label-offset': label}\">\r\n  <span class=\"tru-data-grid-label\" *ngIf=\"label\">{{label}}</span>\r\n  <div class=\"tru-data-grid-toolbar-container\">\r\n    <tru-toolbar>\r\n      <tru-toolbar-dropdown [options]=\"unassociatedChoices\"\r\n                            [(selectedOption)]=\"selectedUnassociatedChoice\"\r\n                            [disabled]=\"!this.config.tableConfig.canAdd\"\r\n                            (selectionChange)=\"onUnassociatedChoiceChanged($event)\"\r\n                            *ngIf=\"gridType === TruDataGridTypes.DetailManyToMany\">\r\n      </tru-toolbar-dropdown>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-add-icon'\" [tooltip]=\"'Add - [Ctrl + I]'\" [disabled]=\"!canAdd()\" (onClick)=\"onAdd()\"></tru-toolbar-button>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-delete-icon'\" [tooltip]=\"'Delete - [Ctrl + D]'\" (click)=\"onDelete()\"></tru-toolbar-button>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-keep-icon'\" [tooltip]=\"'Keep selected records - [Ctrl + K]'\" (click)=\"onKeep()\"></tru-toolbar-button>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-remove-icon'\" [tooltip]=\"'Remove selected records - [Ctrl + R]'\" (click)=\"onRemove()\"></tru-toolbar-button>\r\n      <tru-toolbar-separator *ngIf=\"parentToolbarTemplate\"></tru-toolbar-separator>\r\n      <ng-container *ngTemplateOutlet=\"parentToolbarTemplate\"></ng-container>\r\n      <tru-toolbar-separator></tru-toolbar-separator>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-export-icon'\" [tooltip]=\"'Export'\" (click)=\"onExport()\"></tru-toolbar-button>\r\n      <tru-toolbar-separator *ngIf=\"viewMenuItems.length\"></tru-toolbar-separator>\r\n      <div *ngIf=\"viewMenuItems.length\">\r\n        <tru-toolbar-menu *ngFor=\"let viewMenuItem of viewMenuItems\" [config]=\"viewMenuItem\"></tru-toolbar-menu>\r\n      </div>\r\n      <ng-container #customToolbarContainer></ng-container>\r\n    </tru-toolbar>\r\n  </div>\r\n  <div #dataGridContainer class=\"tru-data-grid-container\">\r\n    <ag-grid-angular class=\"ag-theme-alpine\"\r\n                     [gridOptions]=\"gridOptions\"\r\n                     [rowData]=\"rowData\"\r\n                     [columnDefs]=\"columnDefs\"\r\n                     [defaultColDef]=\"defaultColDef\"\r\n                     [headerHeight]=\"25\"\r\n                     [rowHeight]=\"22\"\r\n                     [rowBuffer]=\"50\"\r\n                     [enterNavigatesVertically]=\"true\"\r\n                     [enterNavigatesVerticallyAfterEdit]=\"true\"\r\n                     [suppressRowHoverHighlight]=\"true\"\r\n                     [suppressRowClickSelection]=\"true\"\r\n                     [stopEditingWhenCellsLoseFocus]=\"false\"\r\n                     (cellClicked)=\"onCellClicked($event)\"\r\n                     (cellDoubleClicked)=\"onCellDoubleClicked($event)\"\r\n                     (cellKeyDown)=\"onCellKeyDown($event)\"\r\n                     (rowDataChanged)=\"onRowDataChanged($event)\"\r\n                     (cellMouseDown)=\"onCellMouseDown($event)\"\r\n                     (cellMouseOver)=\"onCellMouseOver($event)\"\r\n                     (cellMouseOut)=\"onCellMouseOut($event)\"\r\n                     (contextmenu)=\"onRightClick($event)\"\r\n                     (rowClicked)=\"onRowClicked($event)\">\r\n    </ag-grid-angular>\r\n  </div>\r\n  <div class=\"tru-data-grid-statusbar-container\">\r\n    <div class=\"tru-data-grid-statusbar-values-container\">\r\n      <p class=\"tru-data-grid-statusbar-values-text\">{{rowCount}}</p>\r\n      <p class=\"tru-data-grid-statusbar-values-text\">Selected: {{api ? api.getSelectedRows().length : 0}}</p>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".tru-data-grid-label{font-size:14px;font-weight:700;margin-bottom:5px;display:flex}.tru-data-grid:first-of-type+.tru-data-grid{margin-left:5px}.tru-data-grid-toolbar-container{display:inline-flex}.tru-data-grid-container{min-height:200px}.tru-data-grid .ag-body-viewport{padding-bottom:var(--grid-footer-height, 23px)}.tru-data-grid-statusbar-container{position:absolute!important;left:0;right:0;bottom:0;height:23px;background:#006dcc;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:1px solid #e7e7e7}.tru-data-grid-statusbar-container p{float:left;color:#fff;font-weight:700;margin-left:10px;margin-top:0!important;line-height:23px;font-size:12px}.detail-container .tru-data-grid{position:relative}.detail-container .mat-mdc-tab-body-content{height:100%;overflow:hidden!important}.detail-container .ag-root-wrapper{height:calc(100% - 50px)!important}ag-grid-angular{position:absolute;inset:28px 0 23px;width:100%;height:100%}.tru-data-grid-label-offset ag-grid-angular{top:48px;height:calc(100% - 70px)}.ag-root-wrapper{border-top:0px!important}.ag-root{top:0;bottom:23px!important}::ng-deep .mat-mdc-tab-group .ag-root.ag-layout-normal{height:calc(100% - 50px)!important}.search-container .ag-root.ag-layout-normal{height:calc(100% - 50px)!important}.ag-header-cell{padding-left:0!important;padding-right:0!important}.ag-header-cell-resize:after{top:unset!important;height:25px!important}.ag-header-row{font-weight:500!important}.ag-header-cell-label{justify-content:center}.ag-row{border-color:#d8dbe3}.tru-data-grid .ag-row.validation-dialog-open{z-index:2}.ag-row.popup-editing{z-index:unset!important}.ag-row .ag-cell-value{padding-left:2px!important;padding-right:2px!important}.ag-row .ag-cell-value.invalid{border:1px solid red!important;border-radius:0}.ag-row .ag-cell-value.ag-cell-inline-editing:not(.invalid){border-color:#006dcc!important}.ag-ltr .ag-header-cell-resize{right:-5px}.ag-header-cell-text{font-size:12px!important}.ag-cell-inline-editing{height:21px!important}.ag-cell{height:21px;border-right:solid #d8dbe3 1px!important}.ag-cell ng-component{pointer-events:none}.ag-has-focus .ag-cell-focus:not(.invalid){border:solid #006dcc 1px!important}.ag-pinned-left-cols-container .ag-cell.ag-cell-focus{border:solid #dde2eb 1px!important;border-top:0px!important;border-bottom:0px!important}.ag-pinned-left-cols-container .ag-row-selected .ag-cell,.ag-pinned-left-cols-container .ag-row-focus .ag-cell{border:0px solid #dde2eb!important;border-right:2px solid #006dcc!important;color:#fff;font-weight:700;background-color:#006dcc}.ag-pinned-left-cols-container *:not(.ag-row-selected):not(.ag-row-focus) .ag-cell{background-color:#f5f5f5!important}.ag-pinned-left-cols-container *:not(.ag-row-selected):not(.ag-row-focus) .ag-cell:hover{background-color:#2196f31a!important}.ag-header-cell{background-color:#f5f5f5}.ag-column-focus .ag-header-control-sort-container rect{fill:#ddd}.ag-header-cell.ag-column-focus{border:0px solid #dde2eb!important;border-bottom:2px solid #006dcc!important;color:#006dcc;font-weight:700;background-color:#ddd}.ag-header-cell-comp-wrapper{display:block!important}.ag-cell-label-container{padding:0!important}.ag-pk-aligned-cell{text-align:center}.ag-horizontal-left-spacer{overflow:hidden}.ag-popup-editor{background:#fff;padding:10px;border:solid 1px #006dcc}.ag-overlay-loading-center{border:none!important;box-shadow:none!important}.ag-viewport .ag-row-selected{background-color:#efefef}.ag-viewport .ag-row-selected .ag-cell{background-color:unset!important}.ag-row-selected~.ag-row-selected .ag-cell{border-top-color:#dde2eb}*:not(.ag-row-selected):not(.ag-row-inline-editing)+.ag-row-selected .ag-cell{border-top-color:#006dcc}.ag-row-selected:has(+:not(.ag-row-selected)):not(.ag-row-inline-editing) .ag-cell{border-bottom-color:#006dcc}.ag-cell.invalid .invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:3px;height:3px;border-bottom:solid 3px transparent;border-right:solid 3px transparent;border-left:solid 3px red;border-top:solid 3px red}.ag-grid-row-has-changes-gradient{background-color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff,endColorstr=#ffffff);background-image:-moz-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:linear-gradient(top,#fff 0% 25%,#dbffdf);background-image:-webkit-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:-o-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:-ms-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:-webkit-gradient(linear,right top,right bottom,color-stop(0%,#fff),color-stop(25%,#ffffff),color-stop(100%,#dbffdf))}@keyframes ants-marching{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:40px 0,-40px 100%,0 -40px,100% 40px}}.animated-border{background-size:10px 0px,10px 0px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-image:linear-gradient(to right,#006dcc 50%,transparent 50%),linear-gradient(to right,#006dcc 50%,transparent 50%),linear-gradient(to bottom,#006dcc 50%,transparent 50%),linear-gradient(to bottom,#006dcc 50%,transparent 50%);animation:ants-marching 1s linear infinite}.animated-border.ag-row-selected{background-color:#efefef!important}.animated-border .ag-cell{background-color:unset!important;border-top:none!important;border-bottom:none!important}.animated-border:not(.animated-border+.animated-border){background-size:10px 1px,10px 0px,1px 10px,1px 10px}.animated-border:has(+:not(.animated-border)){background-size:10px 0px,10px 1px,1px 10px,1px 10px}.animated-border:not(.animated-border+.animated-border).animated-border:has(+:not(.animated-border)){background-size:10px 1px,10px 1px,1px 10px,1px 10px}.animated-border:has(+:not(.animated-border)) .ag-cell{height:20px!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation-name:spin;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}.detail-container .mat-mdc-tab-body-content tru-data-grid{--grid-scroll-left: 0px;--grid-scroll-right: 0px;--grid-scroll-bottom: 80px;--grid-scroll-visible: 1;display:flex;flex-direction:column;height:100%;min-height:0}.detail-container .mat-mdc-tab-body-content tru-data-grid ag-grid-angular{position:relative!important;inset:0!important;height:calc(100% - var(--grid-footer-height, 23px))!important}.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-root-wrapper,.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-root{height:100%!important;top:0!important;bottom:0!important}.detail-container .mat-mdc-tab-body-content tru-data-grid .tru-data-grid-container{flex:1 1 auto;position:relative;min-height:0}.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-body-viewport{position:relative!important;padding-bottom:calc(var(--grid-footer-height, 23px) + (var(--grid-scroll-bottom, 80px) - var(--grid-footer-height, 23px)) * var(--grid-scroll-visible, 1))!important;overflow-x:auto!important}.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-body-horizontal-scroll-viewport,.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-body-horizontal-scroll{position:fixed!important;left:var(--grid-scroll-left, 0px)!important;right:var(--grid-scroll-right, 0px)!important;width:calc(100% - var(--grid-scroll-left, 0px) - var(--grid-scroll-right, 0px))!important;bottom:var(--grid-scroll-bottom, 80px)!important;height:calc(16px * var(--grid-scroll-visible, 1))!important;min-height:calc(16px * var(--grid-scroll-visible, 1))!important;display:block!important;opacity:var(--grid-scroll-visible, 1)!important;pointer-events:calc(var(--grid-scroll-visible, 1))!important;overflow-x:scroll!important;overflow-y:hidden!important;z-index:9999!important;background:transparent!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: TruToolbar, selector: "tru-toolbar", inputs: ["config"] }, { kind: "component", type: TruToolbarButton, selector: "tru-toolbar-button", inputs: ["config", "icon", "text", "disabled", "tooltip", "type"], outputs: ["onClick", "onKeydown"] }, { kind: "component", type: TruToolbarDropdown, selector: "tru-toolbar-dropdown", inputs: ["config", "options", "tooltip", "multiple", "filterable", "filterTooltip", "width", "selectedOption", "disabled"], outputs: ["selectedOptionChange", "selectionChange"] }, { kind: "component", type: TruToolbarSeparator, selector: "tru-toolbar-separator" }, { kind: "component", type: TruToolbarMenu, selector: "tru-toolbar-menu", inputs: ["config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.7", type: TruDataGrid, isStandalone: true, selector: "tru-data-grid", inputs: { config: "config", entity: "entity", name: "name" }, host: { properties: { "class.tru-data-grid": "true" } }, viewQueries: [{ propertyName: "dataGridContainer", first: true, predicate: ["dataGridContainer"], descendants: true }, { propertyName: "customToolbarContainer", first: true, predicate: ["customToolbarContainer"], descendants: true, read: ViewContainerRef }], usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"{'tru-data-grid-label-offset': label}\">\r\n  <span class=\"tru-data-grid-label\" *ngIf=\"label\">{{label}}</span>\r\n  <div class=\"tru-data-grid-toolbar-container\">\r\n    <tru-toolbar>\r\n      <tru-toolbar-dropdown [options]=\"unassociatedChoices\"\r\n                            [(selectedOption)]=\"selectedUnassociatedChoice\"\r\n                            [disabled]=\"!this.config.tableConfig.canAdd\"\r\n                            (selectionChange)=\"onUnassociatedChoiceChanged($event)\"\r\n                            *ngIf=\"gridType === TruDataGridTypes.DetailManyToMany\">\r\n      </tru-toolbar-dropdown>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-add-icon'\" [tooltip]=\"'Add - [Ctrl + I]'\" [disabled]=\"!canAdd()\" (onClick)=\"onAdd()\"></tru-toolbar-button>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-delete-icon'\" [tooltip]=\"'Delete - [Ctrl + D]'\" (click)=\"onDelete()\"></tru-toolbar-button>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-keep-icon'\" [tooltip]=\"'Keep selected records - [Ctrl + K]'\" (click)=\"onKeep()\"></tru-toolbar-button>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-remove-icon'\" [tooltip]=\"'Remove selected records - [Ctrl + R]'\" (click)=\"onRemove()\"></tru-toolbar-button>\r\n      <tru-toolbar-separator *ngIf=\"parentToolbarTemplate\"></tru-toolbar-separator>\r\n      <ng-container *ngTemplateOutlet=\"parentToolbarTemplate\"></ng-container>\r\n      <tru-toolbar-separator></tru-toolbar-separator>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-export-icon'\" [tooltip]=\"'Export'\" (click)=\"onExport()\"></tru-toolbar-button>\r\n      <tru-toolbar-separator *ngIf=\"viewMenuItems.length\"></tru-toolbar-separator>\r\n      <div *ngIf=\"viewMenuItems.length\">\r\n        <tru-toolbar-menu *ngFor=\"let viewMenuItem of viewMenuItems\" [config]=\"viewMenuItem\"></tru-toolbar-menu>\r\n      </div>\r\n      <ng-container #customToolbarContainer></ng-container>\r\n    </tru-toolbar>\r\n  </div>\r\n  <div #dataGridContainer class=\"tru-data-grid-container\">\r\n    <ag-grid-angular class=\"ag-theme-alpine\"\r\n                     [gridOptions]=\"gridOptions\"\r\n                     [rowData]=\"rowData\"\r\n                     [columnDefs]=\"columnDefs\"\r\n                     [defaultColDef]=\"defaultColDef\"\r\n                     [headerHeight]=\"25\"\r\n                     [rowHeight]=\"22\"\r\n                     [rowBuffer]=\"50\"\r\n                     [enterNavigatesVertically]=\"true\"\r\n                     [enterNavigatesVerticallyAfterEdit]=\"true\"\r\n                     [suppressRowHoverHighlight]=\"true\"\r\n                     [suppressRowClickSelection]=\"true\"\r\n                     [stopEditingWhenCellsLoseFocus]=\"false\"\r\n                     (cellClicked)=\"onCellClicked($event)\"\r\n                     (cellDoubleClicked)=\"onCellDoubleClicked($event)\"\r\n                     (cellKeyDown)=\"onCellKeyDown($event)\"\r\n                     (copy)=\"onCopy($event)\"\r\n                     (paste)=\"onPaste($event)\"\r\n                     (rowDataChanged)=\"onRowDataChanged($event)\"\r\n                     (cellMouseDown)=\"onCellMouseDown($event)\"\r\n                     (cellMouseOver)=\"onCellMouseOver($event)\"\r\n                     (cellMouseOut)=\"onCellMouseOut($event)\"\r\n                     (contextmenu)=\"onRightClick($event)\"\r\n                     (rowClicked)=\"onRowClicked($event)\">\r\n    </ag-grid-angular>\r\n  </div>\r\n  <div class=\"tru-data-grid-statusbar-container\">\r\n    <div class=\"tru-data-grid-statusbar-values-container\">\r\n      <p class=\"tru-data-grid-statusbar-values-text\">{{rowCount}}</p>\r\n      <p class=\"tru-data-grid-statusbar-values-text\">Selected: {{api ? api.getSelectedRows().length : 0}}</p>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".tru-data-grid-label{font-size:14px;font-weight:700;margin-bottom:5px;display:flex}.tru-data-grid:first-of-type+.tru-data-grid{margin-left:5px}.tru-data-grid-toolbar-container{display:inline-flex}.tru-data-grid-container{min-height:200px}.tru-data-grid .ag-body-viewport{padding-bottom:var(--grid-footer-height, 23px)}.tru-data-grid-statusbar-container{position:absolute!important;left:0;right:0;bottom:0;height:23px;background:#006dcc;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:1px solid #e7e7e7}.tru-data-grid-statusbar-container p{float:left;color:#fff;font-weight:700;margin-left:10px;margin-top:0!important;line-height:23px;font-size:12px}.detail-container .tru-data-grid{position:relative}.detail-container .mat-mdc-tab-body-content{height:100%;overflow:hidden!important}.detail-container .ag-root-wrapper{height:calc(100% - 50px)!important}ag-grid-angular{position:absolute;inset:28px 0 23px;width:100%;height:100%}.tru-data-grid-label-offset ag-grid-angular{top:48px;height:calc(100% - 70px)}.ag-root-wrapper{border-top:0px!important}.ag-root{top:0;bottom:23px!important}::ng-deep .mat-mdc-tab-group .ag-root.ag-layout-normal{height:calc(100% - 50px)!important}.search-container .ag-root.ag-layout-normal{height:calc(100% - 50px)!important}.ag-header-cell{padding-left:0!important;padding-right:0!important}.ag-header-cell-resize:after{top:unset!important;height:25px!important}.ag-header-row{font-weight:500!important}.ag-header-cell-label{justify-content:center}.ag-row{border-color:#d8dbe3}.tru-data-grid .ag-row.validation-dialog-open{z-index:2}.ag-row.popup-editing{z-index:unset!important}.ag-row .ag-cell-value{padding-left:2px!important;padding-right:2px!important}.ag-row .ag-cell-value.invalid{border:1px solid red!important;border-radius:0}.ag-row .ag-cell-value.ag-cell-inline-editing:not(.invalid){border-color:#006dcc!important}.ag-ltr .ag-header-cell-resize{right:-5px}.ag-header-cell-text{font-size:12px!important}.ag-cell-inline-editing{height:21px!important}.ag-cell{height:21px;border-right:solid #d8dbe3 1px!important}.ag-cell ng-component{pointer-events:none}.ag-has-focus .ag-cell-focus:not(.invalid){border:solid #006dcc 1px!important}.ag-pinned-left-cols-container .ag-cell.ag-cell-focus{border:solid #dde2eb 1px!important;border-top:0px!important;border-bottom:0px!important}.ag-pinned-left-cols-container .ag-row-selected .ag-cell,.ag-pinned-left-cols-container .ag-row-focus .ag-cell{border:0px solid #dde2eb!important;border-right:2px solid #006dcc!important;color:#fff;font-weight:700;background-color:#006dcc}.ag-pinned-left-cols-container *:not(.ag-row-selected):not(.ag-row-focus) .ag-cell{background-color:#f5f5f5!important}.ag-pinned-left-cols-container *:not(.ag-row-selected):not(.ag-row-focus) .ag-cell:hover{background-color:#2196f31a!important}.ag-header-cell{background-color:#f5f5f5}.ag-column-focus .ag-header-control-sort-container rect{fill:#ddd}.ag-header-cell.ag-column-focus{border:0px solid #dde2eb!important;border-bottom:2px solid #006dcc!important;color:#006dcc;font-weight:700;background-color:#ddd}.ag-header-cell-comp-wrapper{display:block!important}.ag-cell-label-container{padding:0!important}.ag-pk-aligned-cell{text-align:center}.ag-horizontal-left-spacer{overflow:hidden}.ag-popup-editor{background:#fff;padding:10px;border:solid 1px #006dcc}.ag-overlay-loading-center{border:none!important;box-shadow:none!important}.ag-viewport .ag-row-selected{background-color:#efefef}.ag-viewport .ag-row-selected .ag-cell{background-color:unset!important}.ag-row-selected~.ag-row-selected .ag-cell{border-top-color:#dde2eb}*:not(.ag-row-selected):not(.ag-row-inline-editing)+.ag-row-selected .ag-cell{border-top-color:#006dcc}.ag-row-selected:has(+:not(.ag-row-selected)):not(.ag-row-inline-editing) .ag-cell{border-bottom-color:#006dcc}.ag-cell.invalid .invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:3px;height:3px;border-bottom:solid 3px transparent;border-right:solid 3px transparent;border-left:solid 3px red;border-top:solid 3px red}.ag-grid-row-has-changes-gradient{background-color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff,endColorstr=#ffffff);background-image:-moz-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:linear-gradient(top,#fff 0% 25%,#dbffdf);background-image:-webkit-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:-o-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:-ms-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:-webkit-gradient(linear,right top,right bottom,color-stop(0%,#fff),color-stop(25%,#ffffff),color-stop(100%,#dbffdf))}@keyframes ants-marching{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:40px 0,-40px 100%,0 -40px,100% 40px}}.animated-border{background-size:10px 0px,10px 0px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-image:linear-gradient(to right,#006dcc 50%,transparent 50%),linear-gradient(to right,#006dcc 50%,transparent 50%),linear-gradient(to bottom,#006dcc 50%,transparent 50%),linear-gradient(to bottom,#006dcc 50%,transparent 50%);animation:ants-marching 1s linear infinite}.animated-border.ag-row-selected{background-color:#efefef!important}.animated-border .ag-cell{background-color:unset!important;border-top:none!important;border-bottom:none!important}.animated-border:not(.animated-border+.animated-border){background-size:10px 1px,10px 0px,1px 10px,1px 10px}.animated-border:has(+:not(.animated-border)){background-size:10px 0px,10px 1px,1px 10px,1px 10px}.animated-border:not(.animated-border+.animated-border).animated-border:has(+:not(.animated-border)){background-size:10px 1px,10px 1px,1px 10px,1px 10px}.animated-border:has(+:not(.animated-border)) .ag-cell{height:20px!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation-name:spin;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}.detail-container .mat-mdc-tab-body-content tru-data-grid{--grid-scroll-left: 0px;--grid-scroll-right: 0px;--grid-scroll-bottom: 80px;--grid-scroll-visible: 1;display:flex;flex-direction:column;height:100%;min-height:0}.detail-container .mat-mdc-tab-body-content tru-data-grid ag-grid-angular{position:relative!important;inset:0!important;height:calc(100% - var(--grid-footer-height, 23px))!important}.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-root-wrapper,.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-root{height:100%!important;top:0!important;bottom:0!important}.detail-container .mat-mdc-tab-body-content tru-data-grid .tru-data-grid-container{flex:1 1 auto;position:relative;min-height:0}.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-body-viewport{position:relative!important;padding-bottom:calc(var(--grid-footer-height, 23px) + (var(--grid-scroll-bottom, 80px) - var(--grid-footer-height, 23px)) * var(--grid-scroll-visible, 1))!important;overflow-x:auto!important}.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-body-horizontal-scroll-viewport,.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-body-horizontal-scroll{position:fixed!important;left:var(--grid-scroll-left, 0px)!important;right:var(--grid-scroll-right, 0px)!important;width:calc(100% - var(--grid-scroll-left, 0px) - var(--grid-scroll-right, 0px))!important;bottom:var(--grid-scroll-bottom, 80px)!important;height:calc(16px * var(--grid-scroll-visible, 1))!important;min-height:calc(16px * var(--grid-scroll-visible, 1))!important;display:block!important;opacity:var(--grid-scroll-visible, 1)!important;pointer-events:calc(var(--grid-scroll-visible, 1))!important;overflow-x:scroll!important;overflow-y:hidden!important;z-index:9999!important;background:transparent!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: AgGridAngular, selector: "ag-grid-angular", inputs: ["gridOptions", "modules", "statusBar", "sideBar", "suppressContextMenu", "preventDefaultOnContextMenu", "allowContextMenuWithControlKey", "columnMenu", "suppressMenuHide", "enableBrowserTooltips", "tooltipTrigger", "tooltipShowDelay", "tooltipHideDelay", "tooltipMouseTrack", "tooltipShowMode", "tooltipInteraction", "popupParent", "copyHeadersToClipboard", "copyGroupHeadersToClipboard", "clipboardDelimiter", "suppressCopyRowsToClipboard", "suppressCopySingleCellRanges", "suppressLastEmptyLineOnPaste", "suppressClipboardPaste", "suppressClipboardApi", "suppressCutToClipboard", "columnDefs", "defaultColDef", "defaultColGroupDef", "columnTypes", "dataTypeDefinitions", "maintainColumnOrder", "enableStrictPivotColumnOrder", "suppressFieldDotNotation", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "allowDragFromColumnsToolPanel", "suppressMovableColumns", "suppressColumnMoveAnimation", "suppressMoveWhenColumnDragging", "suppressDragLeaveHidesColumns", "suppressGroupChangesColumnVisibility", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowGroupHidesColumns", "colResizeDefault", "suppressAutoSize", "autoSizePadding", "skipHeaderOnAutoSize", "autoSizeStrategy", "components", "editType", "singleClickEdit", "suppressClickEdit", "readOnlyEdit", "stopEditingWhenCellsLoseFocus", "enterNavigatesVertically", "enterNavigatesVerticallyAfterEdit", "enableCellEditingOnBackspace", "undoRedoCellEditing", "undoRedoCellEditingLimit", "defaultCsvExportParams", "suppressCsvExport", "defaultExcelExportParams", "suppressExcelExport", "excelStyles", "findSearchValue", "findOptions", "quickFilterText", "cacheQuickFilter", "includeHiddenColumnsInQuickFilter", "quickFilterParser", "quickFilterMatcher", "applyQuickFilterBeforePivotOrAgg", "excludeChildrenWhenTreeDataFiltering", "enableAdvancedFilter", "alwaysPassFilter", "includeHiddenColumnsInAdvancedFilter", "advancedFilterParent", "advancedFilterBuilderParams", "suppressAdvancedFilterEval", "suppressSetFilterByDefault", "enableCharts", "chartThemes", "customChartThemes", "chartThemeOverrides", "chartToolPanelsDef", "chartMenuItems", "loadingCellRenderer", "loadingCellRendererParams", "loadingCellRendererSelector", "localeText", "masterDetail", "keepDetailRows", "keepDetailRowsCount", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "detailRowAutoHeight", "context", "alignedGrids", "tabIndex", "rowBuffer", "valueCache", "valueCacheNeverExpires", "enableCellExpressions", "suppressTouch", "suppressFocusAfterRefresh", "suppressBrowserResizeObserver", "suppressPropertyNamesCheck", "suppressChangeDetection", "debug", "loading", "overlayLoadingTemplate", "loadingOverlayComponent", "loadingOverlayComponentParams", "suppressLoadingOverlay", "overlayNoRowsTemplate", "noRowsOverlayComponent", "noRowsOverlayComponentParams", "suppressNoRowsOverlay", "pagination", "paginationPageSize", "paginationPageSizeSelector", "paginationAutoPageSize", "paginateChildRows", "suppressPaginationPanel", "pivotMode", "pivotPanelShow", "pivotMaxGeneratedColumns", "pivotDefaultExpanded", "pivotColumnGroupTotals", "pivotRowTotals", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "functionsReadOnly", "aggFuncs", "suppressAggFuncInHeader", "alwaysAggregateAtRootLevel", "aggregateOnlyChangedColumns", "suppressAggFilteredOnly", "removePivotHeaderRowWhenSingleValueColumn", "animateRows", "cellFlashDuration", "cellFadeDuration", "allowShowChangeAfterFilter", "domLayout", "ensureDomOrder", "enableCellSpan", "enableRtl", "suppressColumnVirtualisation", "suppressMaxRenderedRowRestriction", "suppressRowVirtualisation", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "rowDragEntireRow", "rowDragMultiRow", "rowDragText", "dragAndDropImageComponent", "dragAndDropImageComponentParams", "fullWidthCellRenderer", "fullWidthCellRendererParams", "embedFullWidthRows", "groupDisplayType", "groupDefaultExpanded", "autoGroupColumnDef", "groupMaintainOrder", "groupSelectsChildren", "groupLockGroupColumns", "groupAggFiltering", "groupTotalRow", "grandTotalRow", "suppressStickyTotalRow", "groupSuppressBlankHeader", "groupSelectsFiltered", "showOpenedGroup", "groupHideParentOfSingleChild", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "groupHideOpenParents", "groupAllowUnbalanced", "rowGroupPanelShow", "groupRowRenderer", "groupRowRendererParams", "treeData", "treeDataChildrenField", "treeDataParentIdField", "rowGroupPanelSuppressSort", "suppressGroupRowsSticky", "pinnedTopRowData", "pinnedBottomRowData", "enableRowPinning", "isRowPinnable", "isRowPinned", "rowModelType", "rowData", "asyncTransactionWaitMillis", "suppressModelUpdateAfterUpdateTransaction", "datasource", "cacheOverflowSize", "infiniteInitialRowCount", "serverSideInitialRowCount", "suppressServerSideFullWidthLoadingRow", "cacheBlockSize", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "blockLoadDebounceMillis", "purgeClosedRowNodes", "serverSideDatasource", "serverSideSortAllLevels", "serverSideEnableClientSideSort", "serverSideOnlyRefreshFilteredGroups", "serverSidePivotResultFieldSeparator", "viewportDatasource", "viewportRowModelPageSize", "viewportRowModelBufferSize", "alwaysShowHorizontalScroll", "alwaysShowVerticalScroll", "debounceVerticalScrollbar", "suppressHorizontalScroll", "suppressScrollOnNewData", "suppressScrollWhenPopupsAreOpen", "suppressAnimationFrame", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "scrollbarWidth", "rowSelection", "cellSelection", "rowMultiSelectWithClick", "suppressRowDeselection", "suppressRowClickSelection", "suppressCellFocus", "suppressHeaderFocus", "selectionColumnDef", "rowNumbers", "suppressMultiRangeSelection", "enableCellTextSelection", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "fillHandleDirection", "suppressClearOnFillReduction", "sortingOrder", "accentedSort", "unSortIcon", "suppressMultiSort", "alwaysMultiSort", "multiSortKey", "suppressMaintainUnsortedOrder", "icons", "rowHeight", "rowStyle", "rowClass", "rowClassRules", "suppressRowHoverHighlight", "suppressRowTransform", "columnHoverHighlight", "gridId", "deltaSort", "treeDataDisplayType", "enableGroupEdit", "initialState", "theme", "loadThemeGoogleFonts", "themeCssLayer", "styleNonce", "themeStyleContainer", "getContextMenuItems", "getMainMenuItems", "postProcessPopup", "processUnpinnedColumns", "processCellForClipboard", "processHeaderForClipboard", "processGroupHeaderForClipboard", "processCellFromClipboard", "sendToClipboard", "processDataFromClipboard", "isExternalFilterPresent", "doesExternalFilterPass", "getChartToolbarItems", "createChartContainer", "focusGridInnerElement", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getLocaleText", "getDocument", "paginationNumberFormatter", "getGroupRowAgg", "isGroupOpenByDefault", "initialGroupOrderComparator", "processPivotResultColDef", "processPivotResultColGroupDef", "getDataPath", "getChildCount", "getServerSideGroupLevelParams", "isServerSideGroupOpenByDefault", "isApplyServerSideTransaction", "isServerSideGroup", "getServerSideGroupKey", "getBusinessKeyForNode", "getRowId", "resetRowDataOnUpdate", "processRowPostCreate", "isRowSelectable", "isRowMaster", "fillOperation", "postSortRows", "getRowStyle", "getRowClass", "getRowHeight", "isFullWidthRow"], outputs: ["toolPanelVisibleChanged", "toolPanelSizeChanged", "columnMenuVisibleChanged", "contextMenuVisibleChanged", "cutStart", "cutEnd", "pasteStart", "pasteEnd", "columnVisible", "columnPinned", "columnResized", "columnMoved", "columnValueChanged", "columnPivotModeChanged", "columnPivotChanged", "columnGroupOpened", "newColumnsLoaded", "gridColumnsChanged", "displayedColumnsChanged", "virtualColumnsChanged", "columnEverythingChanged", "columnHeaderMouseOver", "columnHeaderMouseLeave", "columnHeaderClicked", "columnHeaderContextMenu", "componentStateChanged", "cellValueChanged", "cellEditRequest", "rowValueChanged", "cellEditingStarted", "cellEditingStopped", "rowEditingStarted", "rowEditingStopped", "undoStarted", "undoEnded", "redoStarted", "redoEnded", "cellSelectionDeleteStart", "cellSelectionDeleteEnd", "rangeDeleteStart", "rangeDeleteEnd", "fillStart", "fillEnd", "filterOpened", "filterChanged", "filterModified", "advancedFilterBuilderVisibleChanged", "findChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "cellKeyDown", "gridReady", "firstDataRendered", "gridSizeChanged", "modelUpdated", "virtualRowRemoved", "viewportChanged", "bodyScroll", "bodyScrollEnd", "dragStarted", "dragStopped", "dragCancelled", "stateUpdated", "paginationChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "rowDragCancel", "rowResizeStarted", "rowResizeEnded", "columnRowGroupChanged", "rowGroupOpened", "expandOrCollapseAll", "pivotMaxColumnsExceeded", "pinnedRowDataChanged", "pinnedRowsChanged", "rowDataUpdated", "asyncTransactionsFlushed", "storeRefreshed", "headerFocused", "cellClicked", "cellDoubleClicked", "cellFocused", "cellMouseOver", "cellMouseOut", "cellMouseDown", "rowClicked", "rowDoubleClicked", "rowSelected", "selectionChanged", "cellContextMenu", "rangeSelectionChanged", "cellSelectionChanged", "tooltipShow", "tooltipHide", "sortChanged"] }, { kind: "component", type: TruToolbar, selector: "tru-toolbar", inputs: ["config"] }, { kind: "component", type: TruToolbarButton, selector: "tru-toolbar-button", inputs: ["config", "icon", "text", "disabled", "tooltip", "type"], outputs: ["onClick", "onKeydown"] }, { kind: "component", type: TruToolbarDropdown, selector: "tru-toolbar-dropdown", inputs: ["config", "options", "tooltip", "multiple", "filterable", "filterTooltip", "width", "selectedOption", "disabled"], outputs: ["selectedOptionChange", "selectionChange"] }, { kind: "component", type: TruToolbarSeparator, selector: "tru-toolbar-separator" }, { kind: "component", type: TruToolbarMenu, selector: "tru-toolbar-menu", inputs: ["config"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: TruDataGrid, decorators: [{
             type: Component,
@@ -10126,7 +10196,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         TruToolbarDropdown,
                         TruToolbarSeparator,
                         TruToolbarMenu
-                    ], template: "<div [ngClass]=\"{'tru-data-grid-label-offset': label}\">\r\n  <span class=\"tru-data-grid-label\" *ngIf=\"label\">{{label}}</span>\r\n  <div class=\"tru-data-grid-toolbar-container\">\r\n    <tru-toolbar>\r\n      <tru-toolbar-dropdown [options]=\"unassociatedChoices\"\r\n                            [(selectedOption)]=\"selectedUnassociatedChoice\"\r\n                            [disabled]=\"!this.config.tableConfig.canAdd\"\r\n                            (selectionChange)=\"onUnassociatedChoiceChanged($event)\"\r\n                            *ngIf=\"gridType === TruDataGridTypes.DetailManyToMany\">\r\n      </tru-toolbar-dropdown>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-add-icon'\" [tooltip]=\"'Add - [Ctrl + I]'\" [disabled]=\"!canAdd()\" (onClick)=\"onAdd()\"></tru-toolbar-button>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-delete-icon'\" [tooltip]=\"'Delete - [Ctrl + D]'\" (click)=\"onDelete()\"></tru-toolbar-button>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-keep-icon'\" [tooltip]=\"'Keep selected records - [Ctrl + K]'\" (click)=\"onKeep()\"></tru-toolbar-button>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-remove-icon'\" [tooltip]=\"'Remove selected records - [Ctrl + R]'\" (click)=\"onRemove()\"></tru-toolbar-button>\r\n      <tru-toolbar-separator *ngIf=\"parentToolbarTemplate\"></tru-toolbar-separator>\r\n      <ng-container *ngTemplateOutlet=\"parentToolbarTemplate\"></ng-container>\r\n      <tru-toolbar-separator></tru-toolbar-separator>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-export-icon'\" [tooltip]=\"'Export'\" (click)=\"onExport()\"></tru-toolbar-button>\r\n      <tru-toolbar-separator *ngIf=\"viewMenuItems.length\"></tru-toolbar-separator>\r\n      <div *ngIf=\"viewMenuItems.length\">\r\n        <tru-toolbar-menu *ngFor=\"let viewMenuItem of viewMenuItems\" [config]=\"viewMenuItem\"></tru-toolbar-menu>\r\n      </div>\r\n      <ng-container #customToolbarContainer></ng-container>\r\n    </tru-toolbar>\r\n  </div>\r\n  <div #dataGridContainer class=\"tru-data-grid-container\">\r\n    <ag-grid-angular class=\"ag-theme-alpine\"\r\n                     [gridOptions]=\"gridOptions\"\r\n                     [rowData]=\"rowData\"\r\n                     [columnDefs]=\"columnDefs\"\r\n                     [defaultColDef]=\"defaultColDef\"\r\n                     [headerHeight]=\"25\"\r\n                     [rowHeight]=\"22\"\r\n                     [rowBuffer]=\"50\"\r\n                     [enterNavigatesVertically]=\"true\"\r\n                     [enterNavigatesVerticallyAfterEdit]=\"true\"\r\n                     [suppressRowHoverHighlight]=\"true\"\r\n                     [suppressRowClickSelection]=\"true\"\r\n                     [stopEditingWhenCellsLoseFocus]=\"false\"\r\n                     (cellClicked)=\"onCellClicked($event)\"\r\n                     (cellDoubleClicked)=\"onCellDoubleClicked($event)\"\r\n                     (cellKeyDown)=\"onCellKeyDown($event)\"\r\n                     (rowDataChanged)=\"onRowDataChanged($event)\"\r\n                     (cellMouseDown)=\"onCellMouseDown($event)\"\r\n                     (cellMouseOver)=\"onCellMouseOver($event)\"\r\n                     (cellMouseOut)=\"onCellMouseOut($event)\"\r\n                     (contextmenu)=\"onRightClick($event)\"\r\n                     (rowClicked)=\"onRowClicked($event)\">\r\n    </ag-grid-angular>\r\n  </div>\r\n  <div class=\"tru-data-grid-statusbar-container\">\r\n    <div class=\"tru-data-grid-statusbar-values-container\">\r\n      <p class=\"tru-data-grid-statusbar-values-text\">{{rowCount}}</p>\r\n      <p class=\"tru-data-grid-statusbar-values-text\">Selected: {{api ? api.getSelectedRows().length : 0}}</p>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".tru-data-grid-label{font-size:14px;font-weight:700;margin-bottom:5px;display:flex}.tru-data-grid:first-of-type+.tru-data-grid{margin-left:5px}.tru-data-grid-toolbar-container{display:inline-flex}.tru-data-grid-container{min-height:200px}.tru-data-grid .ag-body-viewport{padding-bottom:var(--grid-footer-height, 23px)}.tru-data-grid-statusbar-container{position:absolute!important;left:0;right:0;bottom:0;height:23px;background:#006dcc;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:1px solid #e7e7e7}.tru-data-grid-statusbar-container p{float:left;color:#fff;font-weight:700;margin-left:10px;margin-top:0!important;line-height:23px;font-size:12px}.detail-container .tru-data-grid{position:relative}.detail-container .mat-mdc-tab-body-content{height:100%;overflow:hidden!important}.detail-container .ag-root-wrapper{height:calc(100% - 50px)!important}ag-grid-angular{position:absolute;inset:28px 0 23px;width:100%;height:100%}.tru-data-grid-label-offset ag-grid-angular{top:48px;height:calc(100% - 70px)}.ag-root-wrapper{border-top:0px!important}.ag-root{top:0;bottom:23px!important}::ng-deep .mat-mdc-tab-group .ag-root.ag-layout-normal{height:calc(100% - 50px)!important}.search-container .ag-root.ag-layout-normal{height:calc(100% - 50px)!important}.ag-header-cell{padding-left:0!important;padding-right:0!important}.ag-header-cell-resize:after{top:unset!important;height:25px!important}.ag-header-row{font-weight:500!important}.ag-header-cell-label{justify-content:center}.ag-row{border-color:#d8dbe3}.tru-data-grid .ag-row.validation-dialog-open{z-index:2}.ag-row.popup-editing{z-index:unset!important}.ag-row .ag-cell-value{padding-left:2px!important;padding-right:2px!important}.ag-row .ag-cell-value.invalid{border:1px solid red!important;border-radius:0}.ag-row .ag-cell-value.ag-cell-inline-editing:not(.invalid){border-color:#006dcc!important}.ag-ltr .ag-header-cell-resize{right:-5px}.ag-header-cell-text{font-size:12px!important}.ag-cell-inline-editing{height:21px!important}.ag-cell{height:21px;border-right:solid #d8dbe3 1px!important}.ag-cell ng-component{pointer-events:none}.ag-has-focus .ag-cell-focus:not(.invalid){border:solid #006dcc 1px!important}.ag-pinned-left-cols-container .ag-cell.ag-cell-focus{border:solid #dde2eb 1px!important;border-top:0px!important;border-bottom:0px!important}.ag-pinned-left-cols-container .ag-row-selected .ag-cell,.ag-pinned-left-cols-container .ag-row-focus .ag-cell{border:0px solid #dde2eb!important;border-right:2px solid #006dcc!important;color:#fff;font-weight:700;background-color:#006dcc}.ag-pinned-left-cols-container *:not(.ag-row-selected):not(.ag-row-focus) .ag-cell{background-color:#f5f5f5!important}.ag-pinned-left-cols-container *:not(.ag-row-selected):not(.ag-row-focus) .ag-cell:hover{background-color:#2196f31a!important}.ag-header-cell{background-color:#f5f5f5}.ag-column-focus .ag-header-control-sort-container rect{fill:#ddd}.ag-header-cell.ag-column-focus{border:0px solid #dde2eb!important;border-bottom:2px solid #006dcc!important;color:#006dcc;font-weight:700;background-color:#ddd}.ag-header-cell-comp-wrapper{display:block!important}.ag-cell-label-container{padding:0!important}.ag-pk-aligned-cell{text-align:center}.ag-horizontal-left-spacer{overflow:hidden}.ag-popup-editor{background:#fff;padding:10px;border:solid 1px #006dcc}.ag-overlay-loading-center{border:none!important;box-shadow:none!important}.ag-viewport .ag-row-selected{background-color:#efefef}.ag-viewport .ag-row-selected .ag-cell{background-color:unset!important}.ag-row-selected~.ag-row-selected .ag-cell{border-top-color:#dde2eb}*:not(.ag-row-selected):not(.ag-row-inline-editing)+.ag-row-selected .ag-cell{border-top-color:#006dcc}.ag-row-selected:has(+:not(.ag-row-selected)):not(.ag-row-inline-editing) .ag-cell{border-bottom-color:#006dcc}.ag-cell.invalid .invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:3px;height:3px;border-bottom:solid 3px transparent;border-right:solid 3px transparent;border-left:solid 3px red;border-top:solid 3px red}.ag-grid-row-has-changes-gradient{background-color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff,endColorstr=#ffffff);background-image:-moz-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:linear-gradient(top,#fff 0% 25%,#dbffdf);background-image:-webkit-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:-o-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:-ms-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:-webkit-gradient(linear,right top,right bottom,color-stop(0%,#fff),color-stop(25%,#ffffff),color-stop(100%,#dbffdf))}@keyframes ants-marching{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:40px 0,-40px 100%,0 -40px,100% 40px}}.animated-border{background-size:10px 0px,10px 0px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-image:linear-gradient(to right,#006dcc 50%,transparent 50%),linear-gradient(to right,#006dcc 50%,transparent 50%),linear-gradient(to bottom,#006dcc 50%,transparent 50%),linear-gradient(to bottom,#006dcc 50%,transparent 50%);animation:ants-marching 1s linear infinite}.animated-border.ag-row-selected{background-color:#efefef!important}.animated-border .ag-cell{background-color:unset!important;border-top:none!important;border-bottom:none!important}.animated-border:not(.animated-border+.animated-border){background-size:10px 1px,10px 0px,1px 10px,1px 10px}.animated-border:has(+:not(.animated-border)){background-size:10px 0px,10px 1px,1px 10px,1px 10px}.animated-border:not(.animated-border+.animated-border).animated-border:has(+:not(.animated-border)){background-size:10px 1px,10px 1px,1px 10px,1px 10px}.animated-border:has(+:not(.animated-border)) .ag-cell{height:20px!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation-name:spin;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}.detail-container .mat-mdc-tab-body-content tru-data-grid{--grid-scroll-left: 0px;--grid-scroll-right: 0px;--grid-scroll-bottom: 80px;--grid-scroll-visible: 1;display:flex;flex-direction:column;height:100%;min-height:0}.detail-container .mat-mdc-tab-body-content tru-data-grid ag-grid-angular{position:relative!important;inset:0!important;height:calc(100% - var(--grid-footer-height, 23px))!important}.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-root-wrapper,.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-root{height:100%!important;top:0!important;bottom:0!important}.detail-container .mat-mdc-tab-body-content tru-data-grid .tru-data-grid-container{flex:1 1 auto;position:relative;min-height:0}.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-body-viewport{position:relative!important;padding-bottom:calc(var(--grid-footer-height, 23px) + (var(--grid-scroll-bottom, 80px) - var(--grid-footer-height, 23px)) * var(--grid-scroll-visible, 1))!important;overflow-x:auto!important}.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-body-horizontal-scroll-viewport,.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-body-horizontal-scroll{position:fixed!important;left:var(--grid-scroll-left, 0px)!important;right:var(--grid-scroll-right, 0px)!important;width:calc(100% - var(--grid-scroll-left, 0px) - var(--grid-scroll-right, 0px))!important;bottom:var(--grid-scroll-bottom, 80px)!important;height:calc(16px * var(--grid-scroll-visible, 1))!important;min-height:calc(16px * var(--grid-scroll-visible, 1))!important;display:block!important;opacity:var(--grid-scroll-visible, 1)!important;pointer-events:calc(var(--grid-scroll-visible, 1))!important;overflow-x:scroll!important;overflow-y:hidden!important;z-index:9999!important;background:transparent!important}\n"] }]
+                    ], template: "<div [ngClass]=\"{'tru-data-grid-label-offset': label}\">\r\n  <span class=\"tru-data-grid-label\" *ngIf=\"label\">{{label}}</span>\r\n  <div class=\"tru-data-grid-toolbar-container\">\r\n    <tru-toolbar>\r\n      <tru-toolbar-dropdown [options]=\"unassociatedChoices\"\r\n                            [(selectedOption)]=\"selectedUnassociatedChoice\"\r\n                            [disabled]=\"!this.config.tableConfig.canAdd\"\r\n                            (selectionChange)=\"onUnassociatedChoiceChanged($event)\"\r\n                            *ngIf=\"gridType === TruDataGridTypes.DetailManyToMany\">\r\n      </tru-toolbar-dropdown>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-add-icon'\" [tooltip]=\"'Add - [Ctrl + I]'\" [disabled]=\"!canAdd()\" (onClick)=\"onAdd()\"></tru-toolbar-button>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-delete-icon'\" [tooltip]=\"'Delete - [Ctrl + D]'\" (click)=\"onDelete()\"></tru-toolbar-button>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-keep-icon'\" [tooltip]=\"'Keep selected records - [Ctrl + K]'\" (click)=\"onKeep()\"></tru-toolbar-button>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-remove-icon'\" [tooltip]=\"'Remove selected records - [Ctrl + R]'\" (click)=\"onRemove()\"></tru-toolbar-button>\r\n      <tru-toolbar-separator *ngIf=\"parentToolbarTemplate\"></tru-toolbar-separator>\r\n      <ng-container *ngTemplateOutlet=\"parentToolbarTemplate\"></ng-container>\r\n      <tru-toolbar-separator></tru-toolbar-separator>\r\n      <tru-toolbar-button [icon]=\"'tru-toolbar-export-icon'\" [tooltip]=\"'Export'\" (click)=\"onExport()\"></tru-toolbar-button>\r\n      <tru-toolbar-separator *ngIf=\"viewMenuItems.length\"></tru-toolbar-separator>\r\n      <div *ngIf=\"viewMenuItems.length\">\r\n        <tru-toolbar-menu *ngFor=\"let viewMenuItem of viewMenuItems\" [config]=\"viewMenuItem\"></tru-toolbar-menu>\r\n      </div>\r\n      <ng-container #customToolbarContainer></ng-container>\r\n    </tru-toolbar>\r\n  </div>\r\n  <div #dataGridContainer class=\"tru-data-grid-container\">\r\n    <ag-grid-angular class=\"ag-theme-alpine\"\r\n                     [gridOptions]=\"gridOptions\"\r\n                     [rowData]=\"rowData\"\r\n                     [columnDefs]=\"columnDefs\"\r\n                     [defaultColDef]=\"defaultColDef\"\r\n                     [headerHeight]=\"25\"\r\n                     [rowHeight]=\"22\"\r\n                     [rowBuffer]=\"50\"\r\n                     [enterNavigatesVertically]=\"true\"\r\n                     [enterNavigatesVerticallyAfterEdit]=\"true\"\r\n                     [suppressRowHoverHighlight]=\"true\"\r\n                     [suppressRowClickSelection]=\"true\"\r\n                     [stopEditingWhenCellsLoseFocus]=\"false\"\r\n                     (cellClicked)=\"onCellClicked($event)\"\r\n                     (cellDoubleClicked)=\"onCellDoubleClicked($event)\"\r\n                     (cellKeyDown)=\"onCellKeyDown($event)\"\r\n                     (copy)=\"onCopy($event)\"\r\n                     (paste)=\"onPaste($event)\"\r\n                     (rowDataChanged)=\"onRowDataChanged($event)\"\r\n                     (cellMouseDown)=\"onCellMouseDown($event)\"\r\n                     (cellMouseOver)=\"onCellMouseOver($event)\"\r\n                     (cellMouseOut)=\"onCellMouseOut($event)\"\r\n                     (contextmenu)=\"onRightClick($event)\"\r\n                     (rowClicked)=\"onRowClicked($event)\">\r\n    </ag-grid-angular>\r\n  </div>\r\n  <div class=\"tru-data-grid-statusbar-container\">\r\n    <div class=\"tru-data-grid-statusbar-values-container\">\r\n      <p class=\"tru-data-grid-statusbar-values-text\">{{rowCount}}</p>\r\n      <p class=\"tru-data-grid-statusbar-values-text\">Selected: {{api ? api.getSelectedRows().length : 0}}</p>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".tru-data-grid-label{font-size:14px;font-weight:700;margin-bottom:5px;display:flex}.tru-data-grid:first-of-type+.tru-data-grid{margin-left:5px}.tru-data-grid-toolbar-container{display:inline-flex}.tru-data-grid-container{min-height:200px}.tru-data-grid .ag-body-viewport{padding-bottom:var(--grid-footer-height, 23px)}.tru-data-grid-statusbar-container{position:absolute!important;left:0;right:0;bottom:0;height:23px;background:#006dcc;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:1px solid #e7e7e7}.tru-data-grid-statusbar-container p{float:left;color:#fff;font-weight:700;margin-left:10px;margin-top:0!important;line-height:23px;font-size:12px}.detail-container .tru-data-grid{position:relative}.detail-container .mat-mdc-tab-body-content{height:100%;overflow:hidden!important}.detail-container .ag-root-wrapper{height:calc(100% - 50px)!important}ag-grid-angular{position:absolute;inset:28px 0 23px;width:100%;height:100%}.tru-data-grid-label-offset ag-grid-angular{top:48px;height:calc(100% - 70px)}.ag-root-wrapper{border-top:0px!important}.ag-root{top:0;bottom:23px!important}::ng-deep .mat-mdc-tab-group .ag-root.ag-layout-normal{height:calc(100% - 50px)!important}.search-container .ag-root.ag-layout-normal{height:calc(100% - 50px)!important}.ag-header-cell{padding-left:0!important;padding-right:0!important}.ag-header-cell-resize:after{top:unset!important;height:25px!important}.ag-header-row{font-weight:500!important}.ag-header-cell-label{justify-content:center}.ag-row{border-color:#d8dbe3}.tru-data-grid .ag-row.validation-dialog-open{z-index:2}.ag-row.popup-editing{z-index:unset!important}.ag-row .ag-cell-value{padding-left:2px!important;padding-right:2px!important}.ag-row .ag-cell-value.invalid{border:1px solid red!important;border-radius:0}.ag-row .ag-cell-value.ag-cell-inline-editing:not(.invalid){border-color:#006dcc!important}.ag-ltr .ag-header-cell-resize{right:-5px}.ag-header-cell-text{font-size:12px!important}.ag-cell-inline-editing{height:21px!important}.ag-cell{height:21px;border-right:solid #d8dbe3 1px!important}.ag-cell ng-component{pointer-events:none}.ag-has-focus .ag-cell-focus:not(.invalid){border:solid #006dcc 1px!important}.ag-pinned-left-cols-container .ag-cell.ag-cell-focus{border:solid #dde2eb 1px!important;border-top:0px!important;border-bottom:0px!important}.ag-pinned-left-cols-container .ag-row-selected .ag-cell,.ag-pinned-left-cols-container .ag-row-focus .ag-cell{border:0px solid #dde2eb!important;border-right:2px solid #006dcc!important;color:#fff;font-weight:700;background-color:#006dcc}.ag-pinned-left-cols-container *:not(.ag-row-selected):not(.ag-row-focus) .ag-cell{background-color:#f5f5f5!important}.ag-pinned-left-cols-container *:not(.ag-row-selected):not(.ag-row-focus) .ag-cell:hover{background-color:#2196f31a!important}.ag-header-cell{background-color:#f5f5f5}.ag-column-focus .ag-header-control-sort-container rect{fill:#ddd}.ag-header-cell.ag-column-focus{border:0px solid #dde2eb!important;border-bottom:2px solid #006dcc!important;color:#006dcc;font-weight:700;background-color:#ddd}.ag-header-cell-comp-wrapper{display:block!important}.ag-cell-label-container{padding:0!important}.ag-pk-aligned-cell{text-align:center}.ag-horizontal-left-spacer{overflow:hidden}.ag-popup-editor{background:#fff;padding:10px;border:solid 1px #006dcc}.ag-overlay-loading-center{border:none!important;box-shadow:none!important}.ag-viewport .ag-row-selected{background-color:#efefef}.ag-viewport .ag-row-selected .ag-cell{background-color:unset!important}.ag-row-selected~.ag-row-selected .ag-cell{border-top-color:#dde2eb}*:not(.ag-row-selected):not(.ag-row-inline-editing)+.ag-row-selected .ag-cell{border-top-color:#006dcc}.ag-row-selected:has(+:not(.ag-row-selected)):not(.ag-row-inline-editing) .ag-cell{border-bottom-color:#006dcc}.ag-cell.invalid .invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:3px;height:3px;border-bottom:solid 3px transparent;border-right:solid 3px transparent;border-left:solid 3px red;border-top:solid 3px red}.ag-grid-row-has-changes-gradient{background-color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fff,endColorstr=#ffffff);background-image:-moz-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:linear-gradient(top,#fff 0% 25%,#dbffdf);background-image:-webkit-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:-o-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:-ms-linear-gradient(top,#fff 0%,#ffffff 25%,#dbffdf 100%);background-image:-webkit-gradient(linear,right top,right bottom,color-stop(0%,#fff),color-stop(25%,#ffffff),color-stop(100%,#dbffdf))}@keyframes ants-marching{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:40px 0,-40px 100%,0 -40px,100% 40px}}.animated-border{background-size:10px 0px,10px 0px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-image:linear-gradient(to right,#006dcc 50%,transparent 50%),linear-gradient(to right,#006dcc 50%,transparent 50%),linear-gradient(to bottom,#006dcc 50%,transparent 50%),linear-gradient(to bottom,#006dcc 50%,transparent 50%);animation:ants-marching 1s linear infinite}.animated-border.ag-row-selected{background-color:#efefef!important}.animated-border .ag-cell{background-color:unset!important;border-top:none!important;border-bottom:none!important}.animated-border:not(.animated-border+.animated-border){background-size:10px 1px,10px 0px,1px 10px,1px 10px}.animated-border:has(+:not(.animated-border)){background-size:10px 0px,10px 1px,1px 10px,1px 10px}.animated-border:not(.animated-border+.animated-border).animated-border:has(+:not(.animated-border)){background-size:10px 1px,10px 1px,1px 10px,1px 10px}.animated-border:has(+:not(.animated-border)) .ag-cell{height:20px!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation-name:spin;animation-duration:4s;animation-iteration-count:infinite;animation-timing-function:linear}.detail-container .mat-mdc-tab-body-content tru-data-grid{--grid-scroll-left: 0px;--grid-scroll-right: 0px;--grid-scroll-bottom: 80px;--grid-scroll-visible: 1;display:flex;flex-direction:column;height:100%;min-height:0}.detail-container .mat-mdc-tab-body-content tru-data-grid ag-grid-angular{position:relative!important;inset:0!important;height:calc(100% - var(--grid-footer-height, 23px))!important}.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-root-wrapper,.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-root{height:100%!important;top:0!important;bottom:0!important}.detail-container .mat-mdc-tab-body-content tru-data-grid .tru-data-grid-container{flex:1 1 auto;position:relative;min-height:0}.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-body-viewport{position:relative!important;padding-bottom:calc(var(--grid-footer-height, 23px) + (var(--grid-scroll-bottom, 80px) - var(--grid-footer-height, 23px)) * var(--grid-scroll-visible, 1))!important;overflow-x:auto!important}.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-body-horizontal-scroll-viewport,.detail-container .mat-mdc-tab-body-content tru-data-grid .ag-body-horizontal-scroll{position:fixed!important;left:var(--grid-scroll-left, 0px)!important;right:var(--grid-scroll-right, 0px)!important;width:calc(100% - var(--grid-scroll-left, 0px) - var(--grid-scroll-right, 0px))!important;bottom:var(--grid-scroll-bottom, 80px)!important;height:calc(16px * var(--grid-scroll-visible, 1))!important;min-height:calc(16px * var(--grid-scroll-visible, 1))!important;display:block!important;opacity:var(--grid-scroll-visible, 1)!important;pointer-events:calc(var(--grid-scroll-visible, 1))!important;overflow-x:scroll!important;overflow-y:hidden!important;z-index:9999!important;background:transparent!important}\n"] }]
         }], ctorParameters: () => [{ type: TruDataContext }, { type: TruComponentLookup }, { type: TruSearchResultViewManager }, { type: TruAppEnvironment }, { type: TruSearchViewEventHandler }, { type: TruUiNotification }, { type: TruConnectionHub }, { type: TruWindowEventHandler }, { type: TruDataGridClipboard }, { type: TruUtil }, { type: i0.ApplicationRef }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: TruDesktopViewEventNotifier }, { type: TruTabGroupEventNotifier, decorators: [{
                     type: Optional
                 }] }], propDecorators: { dataGridContainer: [{