@trudb/tru-common-lib 0.1.421 → 0.1.423

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

@@ -47,7 +47,7 @@ import * as i9$1 from '@angular/material/divider';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { MatGridListModule } from '@angular/material/grid-list';
-import * as i4$1 from '@angular/material/list';
+import * as i5$1 from '@angular/material/list';
 import { MatListModule } from '@angular/material/list';
 import * as i5$3 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
@@ -60,7 +60,7 @@ import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatRadioModule } from '@angular/material/radio';
 import * as i1$3 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
-import * as i5$1 from '@angular/material/sidenav';
+import * as i6 from '@angular/material/sidenav';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatSliderModule } from '@angular/material/slider';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
@@ -327,6 +327,7 @@ class TruAppEnvironment {
     msgConfirmExitWithChangesPending;
     msgDeleteSuccessful;
     msgSaveSuccessful;
+    msgSettingsUpdatedSuccessful;
     msgNoChangesToSave;
     msgSaveInProgress;
     msgInvalidData;
@@ -356,6 +357,7 @@ class TruAppEnvironment {
         this.msgConfirmExitWithChangesPending = 'You have unsaved changes that will be lost.';
         this.msgDeleteSuccessful = 'Delete succeeded';
         this.msgSaveSuccessful = 'Save succeeded';
+        this.msgSettingsUpdatedSuccessful = 'Settings updated';
         this.msgNoChangesToSave = 'No changes to save';
         this.msgSaveInProgress = 'Save in progress';
         this.msgInvalidData = 'Invalid data';
@@ -1955,6 +1957,27 @@ class TruDataContext {
             });
         });
     };
+    saveSettings = () => {
+        return new Promise((resolve, reject) => {
+            if (this.appEnvironment.isSaving) {
+                this.uiNotification.error(this.appEnvironment.msgSaveInProgress);
+                resolve();
+                return;
+            }
+            this.appEnvironment.isSaving = true;
+            this.entityManager.saveChanges().then(() => {
+                this.uiNotification.success(this.appEnvironment.msgSettingsUpdatedSuccessful);
+                this.appEnvironment.saveComplete({ successful: true });
+                resolve();
+            }).catch((e) => {
+                this.appEnvironment.saveComplete({ successful: false });
+                reject(e);
+            }).finally(() => {
+                this.appEnvironment.isSaving = false;
+                this.propertyChanged(null);
+            });
+        });
+    };
     revert = () => {
         this.uiNotification.confirm('Confirm Action', 'Revert ' + this.hasChanges().length + ' changed record(s)', true, true, "No", "Yes").then((confirm) => {
             if (confirm) {
@@ -3272,15 +3295,13 @@ class TruUserPreferenceManager {
      * @returns {promise}
      */
     get = (name) => {
-        let preferences = this.globalDataContext
-            .entityAccess()
-            .searchCacheOnlySynchronously(this.modelTypeLookup.getType('TruDbUserPreference'), this.setupQuery);
-        if (preferences.length > 1)
-            console.log('Query selected more than one preference record.');
-        else if (preferences.length === 1)
-            return JSON.parse(preferences[0].Value);
-        else
-            return null;
+        let setupQuery = (query) => {
+            var predicate = new Predicate('TruDbUserRef', breeze.FilterQueryOp.Equals, this.user.activeUserRef);
+            if (name)
+                predicate = predicate.and('Name', breeze.FilterQueryOp.Equals, name);
+            return query.where(predicate);
+        };
+        return this.globalDataContext.entityAccess().searchCacheOnlySynchronously(this.modelTypeLookup.getType('TruDbUserPreference'), setupQuery);
     };
     /**
      * Queries for all preferences for the current user.  On success, completes
@@ -3394,19 +3415,27 @@ class TruAppWindowOpenOnStartupSetting {
         tables.forEach((table) => {
             let name = table.name?.toUpperCase() + '_OPEN_ON_START';
             let openOnStart = table.openOnStart;
-            let userPreferenceOpenOnStart = this.userPreferenceManager.get(name);
+            let userPreferenceOpenOnStart = this.userPreferenceManager.get(name)[0];
             if (userPreferenceOpenOnStart)
-                openOnStart = Boolean(userPreferenceOpenOnStart);
+                openOnStart = Boolean(userPreferenceOpenOnStart.Value);
             openOnStartSettings.push({
                 name: name,
                 label: table.name,
                 checked: openOnStart,
+                intentOpenOnStart: table.openOnStart,
                 modified: false
             });
         });
         this.settings = openOnStartSettings;
     }
     onRowClicked = (row) => {
+        let userPreferenceOpenOnStart = this.userPreferenceManager.get(row.name);
+        if (userPreferenceOpenOnStart) {
+            userPreferenceOpenOnStart.Value = row.checked;
+        }
+        else {
+            this.userPreferenceManager.set(row.name, String(row.checked));
+        }
         row.checked = !row.checked;
         row.modified = true;
     };
@@ -3414,11 +3443,11 @@ class TruAppWindowOpenOnStartupSetting {
         this.displayedColumns = ['label', 'checked'];
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruAppWindowOpenOnStartupSetting, deps: [{ token: TruUserPreferenceManager }, { token: TruModelTableLookup }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TruAppWindowOpenOnStartupSetting, selector: "tru-app-window-open-on-startup-setting", ngImport: i0, template: "<p>Open Window(s) On Startup</p>\r\n<table mat-table [dataSource]=\"settings\">\r\n  <ng-container matColumnDef=\"label\">\r\n    <th mat-header-cell *matHeaderCellDef> Name </th>\r\n    <td mat-cell *matCellDef=\"let element\"> {{element.label}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"checked\">\r\n    <th mat-header-cell *matHeaderCellDef></th>\r\n    <td mat-cell *matCellDef=\"let element\" class=\"tru-app-window-open-on-startup-checkbox\">\r\n      <mat-checkbox [(ngModel)]=\"element.checked\"></mat-checkbox>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\" (click)=\"onRowClicked(row)\"></tr>\r\n</table>\r\n", styles: [".tru-app-window-open-on-startup-checkbox{text-align:center;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TruAppWindowOpenOnStartupSetting, selector: "tru-app-window-open-on-startup-setting", ngImport: i0, template: "<p>Open Window(s) On Startup</p>\r\n<table mat-table [dataSource]=\"settings\">\r\n  <ng-container matColumnDef=\"label\">\r\n    <th mat-header-cell *matHeaderCellDef> Name </th>\r\n    <td mat-cell *matCellDef=\"let element\"> {{element.label}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"checked\">\r\n    <th mat-header-cell *matHeaderCellDef></th>\r\n    <td mat-cell *matCellDef=\"let element\" class=\"tru-app-window-open-on-startup-checkbox\">\r\n      <mat-checkbox [(ngModel)]=\"element.checked\"></mat-checkbox>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\" (click)=\"onRowClicked(row)\"></tr>\r\n</table>\r\n", styles: [".tru-app-window-open-on-startup-checkbox{text-align:center;justify-content:center}.tru-app-window-open-on-startup-checkbox mat-checkbox{pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "component", type: i5.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i5.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i5.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i5.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i5.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i5.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i5.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i5.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i5.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i5.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruAppWindowOpenOnStartupSetting, decorators: [{
             type: Component,
-            args: [{ selector: 'tru-app-window-open-on-startup-setting', template: "<p>Open Window(s) On Startup</p>\r\n<table mat-table [dataSource]=\"settings\">\r\n  <ng-container matColumnDef=\"label\">\r\n    <th mat-header-cell *matHeaderCellDef> Name </th>\r\n    <td mat-cell *matCellDef=\"let element\"> {{element.label}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"checked\">\r\n    <th mat-header-cell *matHeaderCellDef></th>\r\n    <td mat-cell *matCellDef=\"let element\" class=\"tru-app-window-open-on-startup-checkbox\">\r\n      <mat-checkbox [(ngModel)]=\"element.checked\"></mat-checkbox>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\" (click)=\"onRowClicked(row)\"></tr>\r\n</table>\r\n", styles: [".tru-app-window-open-on-startup-checkbox{text-align:center;justify-content:center}\n"] }]
+            args: [{ selector: 'tru-app-window-open-on-startup-setting', template: "<p>Open Window(s) On Startup</p>\r\n<table mat-table [dataSource]=\"settings\">\r\n  <ng-container matColumnDef=\"label\">\r\n    <th mat-header-cell *matHeaderCellDef> Name </th>\r\n    <td mat-cell *matCellDef=\"let element\"> {{element.label}} </td>\r\n  </ng-container>\r\n\r\n  <ng-container matColumnDef=\"checked\">\r\n    <th mat-header-cell *matHeaderCellDef></th>\r\n    <td mat-cell *matCellDef=\"let element\" class=\"tru-app-window-open-on-startup-checkbox\">\r\n      <mat-checkbox [(ngModel)]=\"element.checked\"></mat-checkbox>\r\n    </td>\r\n  </ng-container>\r\n\r\n  <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n  <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\" (click)=\"onRowClicked(row)\"></tr>\r\n</table>\r\n", styles: [".tru-app-window-open-on-startup-checkbox{text-align:center;justify-content:center}.tru-app-window-open-on-startup-checkbox mat-checkbox{pointer-events:none}\n"] }]
         }], ctorParameters: () => [{ type: TruUserPreferenceManager }, { type: TruModelTableLookup }] });
 
 class TruAppWindowSettings {
@@ -3432,26 +3461,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
         }], ctorParameters: () => [] });
 
 class TruAppSettingsDialog {
+    appEnvironment;
     dialogRef;
     data;
-    constructor(dialogRef, data) {
+    globalDataContext;
+    constructor(appEnvironment, dialogRef, data) {
+        this.appEnvironment = appEnvironment;
         this.dialogRef = dialogRef;
         this.data = data;
+        this.globalDataContext = this.appEnvironment.globalDataContext;
     }
     ngOnInit() { }
     onConfirm() {
         this.dialogRef.close(true);
     }
     onDismiss() {
-        this.dialogRef.close(false);
+        this.globalDataContext.saveSettings().then(() => {
+            this.dialogRef.close(false);
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruAppSettingsDialog, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TruAppSettingsDialog, selector: "tru-app-settings-dialog", providers: [TruDataContext, TruUserPreferenceManager], ngImport: i0, template: "<div mat-dialog-title class=\"mat-dialog-title\">\r\n  <div class=\"mat-dialog-title-container\">\r\n    <mat-icon [svgIcon]=\"'settings-icon'\"\r\n              title=\"Settings\">\r\n    </mat-icon>\r\n    App Settings\r\n  </div>\r\n</div>\r\n\r\n<div mat-dialog-content class=\"mat-dialog-content\">\r\n  <mat-sidenav-container class=\"example-sidenav-container\">\r\n    <mat-sidenav #snav mode=\"side\" opened>\r\n      <mat-nav-list>\r\n        <a mat-list-item>Windows</a>\r\n      </mat-nav-list>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <tru-app-window-settings></tru-app-window-settings>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n</div>\r\n\r\n<div mat-dialog-actions class=\"mat-dialog-actions\">\r\n  <button mat-raised-button (click)=\"onDismiss()\">Close</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}.mat-dialog-title-container mat-icon{vertical-align:sub;height:24px;width:24px}mat-nav-list{width:200px}mat-sidenav-content{height:calc(100vh - 400px)}mat-sidenav-content{padding-left:10px}.mat-dialog-title-container{display:inline}.mdc-dialog__title{padding:0 0 10px!important}.mdc-dialog__content{padding:10px 0 15px!important}.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}\n"], dependencies: [{ kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { 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: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i4$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i5$1.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i5$1.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i5$1.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: TruAppWindowSettings, selector: "tru-app-window-settings" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruAppSettingsDialog, deps: [{ token: TruAppEnvironment }, { token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.5", type: TruAppSettingsDialog, selector: "tru-app-settings-dialog", providers: [TruDataContext, TruUserPreferenceManager], ngImport: i0, template: "<div mat-dialog-title class=\"mat-dialog-title\">\r\n  <div class=\"mat-dialog-title-container\">\r\n    <mat-icon [svgIcon]=\"'settings-icon'\"\r\n              title=\"Settings\">\r\n    </mat-icon>\r\n    App Settings\r\n  </div>\r\n</div>\r\n\r\n<div mat-dialog-content class=\"mat-dialog-content\">\r\n  <mat-sidenav-container class=\"example-sidenav-container\">\r\n    <mat-sidenav #snav mode=\"side\" opened>\r\n      <mat-nav-list>\r\n        <a mat-list-item>Windows</a>\r\n      </mat-nav-list>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <tru-app-window-settings></tru-app-window-settings>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n</div>\r\n\r\n<div mat-dialog-actions class=\"mat-dialog-actions\">\r\n  <button mat-raised-button (click)=\"onDismiss()\">Close</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}.mat-dialog-title-container mat-icon{vertical-align:sub;height:24px;width:24px}mat-nav-list{width:200px}mat-sidenav-content{height:calc(100vh - 400px)}mat-sidenav-content{padding-left:10px}.mat-dialog-title-container{display:inline}.mdc-dialog__title{padding:0 0 10px!important}.mdc-dialog__content{padding:10px 0 15px!important}.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}\n"], dependencies: [{ kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { 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: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$1.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i5$1.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "component", type: i6.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i6.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i6.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "component", type: TruAppWindowSettings, selector: "tru-app-window-settings" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: TruAppSettingsDialog, decorators: [{
             type: Component,
             args: [{ selector: 'tru-app-settings-dialog', providers: [TruDataContext, TruUserPreferenceManager], template: "<div mat-dialog-title class=\"mat-dialog-title\">\r\n  <div class=\"mat-dialog-title-container\">\r\n    <mat-icon [svgIcon]=\"'settings-icon'\"\r\n              title=\"Settings\">\r\n    </mat-icon>\r\n    App Settings\r\n  </div>\r\n</div>\r\n\r\n<div mat-dialog-content class=\"mat-dialog-content\">\r\n  <mat-sidenav-container class=\"example-sidenav-container\">\r\n    <mat-sidenav #snav mode=\"side\" opened>\r\n      <mat-nav-list>\r\n        <a mat-list-item>Windows</a>\r\n      </mat-nav-list>\r\n    </mat-sidenav>\r\n    <mat-sidenav-content>\r\n      <tru-app-window-settings></tru-app-window-settings>\r\n    </mat-sidenav-content>\r\n  </mat-sidenav-container>\r\n</div>\r\n\r\n<div mat-dialog-actions class=\"mat-dialog-actions\">\r\n  <button mat-raised-button (click)=\"onDismiss()\">Close</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}.mat-dialog-title-container mat-icon{vertical-align:sub;height:24px;width:24px}mat-nav-list{width:200px}mat-sidenav-content{height:calc(100vh - 400px)}mat-sidenav-content{padding-left:10px}.mat-dialog-title-container{display:inline}.mdc-dialog__title{padding:0 0 10px!important}.mdc-dialog__content{padding:10px 0 15px!important}.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}\n"] }]
-        }], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: TruAppSettingsDialog, decorators: [{
+        }], ctorParameters: () => [{ type: TruAppEnvironment }, { type: i1.MatDialogRef }, { type: TruAppSettingsDialog, decorators: [{
                     type: Inject,
                     args: [MAT_DIALOG_DATA]
                 }] }] });