@trudb/tru-common-lib 0.0.176 → 0.0.179

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

@@ -1,11 +1,31 @@
-import { EntityAspect, BinaryPredicate, AndOrPredicate, breeze } from 'breeze-client';
+import { EntityAspect, BinaryPredicate, AndOrPredicate, breeze, MetadataStore, DataService, EntityManager, EntityQuery, FetchStrategy, EntityState } from 'breeze-client';
 import * as i0 from '@angular/core';
-import { Directive, Input, Injectable, EventEmitter, NgModule } from '@angular/core';
-import { BehaviorSubject, Subject } from 'rxjs';
+import { Directive, Input, Injectable, Component, Inject, NgModule, ViewEncapsulation, HostListener, EventEmitter, Output } from '@angular/core';
+import * as i1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
+import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
-import * as i1 from '@angular/platform-browser';
-import * as i2 from '@angular/material/icon';
+import { Subject, BehaviorSubject, defer, from, of } from 'rxjs';
+import * as i3 from '@angular/material/form-field';
+import * as i4 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i5 from '@angular/material/core';
+import { MatOptionModule } from '@angular/material/core';
+import * as i2$1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as _ from 'underscore';
+import * as i1$3 from '@angular/common/http';
+import { HttpClientModule } from '@angular/common/http';
+import * as i3$1 from '@angular/material/checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
+import * as i1$2 from 'ngx-toastr';
+import * as i1$4 from '@angular/platform-browser';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { MatButtonModule } from '@angular/material/button';
+import { MatInputModule } from '@angular/material/input';
 
 class TruEntityBase {
     constructor(...args) {
@@ -226,6 +246,2965 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                 }]
         }] });
 
+class TruConfirmDialog {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.title = data.title;
+        this.message = data.message;
+    }
+    ngOnInit() {
+    }
+    onConfirm() {
+        this.dialogRef.close(true);
+    }
+    onDismiss() {
+        this.dialogRef.close(false);
+    }
+}
+TruConfirmDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruConfirmDialog, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+TruConfirmDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruConfirmDialog, selector: "tru-confirm-dialog", ngImport: i0, template: "<h1 mat-dialog-title>\r\n  {{title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n  <p>{{message}}</p>\r\n</div>\r\n\r\n<div mat-dialog-actions>\r\n  <button mat-button (click)=\"onDismiss()\">No</button>\r\n  <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Yes</button>\r\n</div>\r\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruConfirmDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-confirm-dialog', template: "<h1 mat-dialog-title>\r\n  {{title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n  <p>{{message}}</p>\r\n</div>\r\n\r\n<div mat-dialog-actions>\r\n  <button mat-button (click)=\"onDismiss()\">No</button>\r\n  <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Yes</button>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: TruConfirmDialog, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; } });
+class TruConfirmDialogConfig {
+    constructor(title, message) {
+        this.title = title;
+        this.message = message;
+    }
+}
+
+class TruConfirmDialogModule {
+}
+TruConfirmDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruConfirmDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruConfirmDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruConfirmDialogModule, declarations: [TruConfirmDialog], imports: [CommonModule, FormsModule], exports: [TruConfirmDialog] });
+TruConfirmDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruConfirmDialogModule, imports: [CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruConfirmDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruConfirmDialog],
+                    imports: [CommonModule, FormsModule],
+                    exports: [TruConfirmDialog]
+                }]
+        }] });
+
+class TruDesktopService {
+    constructor() {
+        /**
+         * @tru.doc function
+         * @name DesktopService.createDesktop
+         * @module tru.desktop
+         *
+         * @description
+         * Creates a new desktop instance.
+         *
+         * @returns {object} Desktop
+         */
+        this.createDesktop = function () {
+            var desktop = new Desktop();
+            return desktop;
+        };
+    }
+}
+TruDesktopService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TruDesktopService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopService, decorators: [{
+            type: Injectable
+        }] });
+/**
+ * @tru.desktop.doc class
+ * @name DesktopService.Desktop
+ * @module tru.desktop
+ *
+ * @description Desktop defines a logical desktop.  Any non-dom properties and elements needed by the desktop should
+ * be defined in this class
+ *
+ */
+class Desktop {
+    constructor() {
+        this.options = new DesktopOptions();
+        this.windowConfig = new WindowConfig();
+        this.viewConfig = new ViewConfig();
+    }
+}
+;
+/**
+ * @tru.desktop.doc class
+ * @name DesktopService.DesktopOptions
+ * @module tru.desktop
+ *
+ * @description Default DesktopOptions class.  DesktopOptions are defined by the application developer and overlaid
+ * over this object.
+ *
+ */
+class DesktopOptions {
+    constructor() {
+        this.allowDirtyClose = false;
+        this.allowInvalidClose = false;
+        this.cancelEditingOnNavigation = false;
+        this.canCloseFn = undefined;
+        this.canNavigateFn = undefined;
+        this.displayViewportDimensions = false;
+        this.enableAnimation = true;
+        this.enableWindowCascading = true;
+        this.logoUrl = undefined;
+        this.menubarHeight = 32;
+        this.menubarConfig = undefined;
+        this.showLaunchMenu = false;
+    }
+}
+;
+/**
+ * @tru.desktop.doc class
+ * @name DesktopService.WindowConfig
+ * @module tru.desktop
+ *
+ * @description
+ * Default configuration object for a window. windowConfig properties can be defined by the application developer and overlaid
+ * over this object.
+ *
+ */
+class WindowConfig {
+    constructor() {
+        this.active = true;
+        this.bottom = 'auto';
+        this.globals = undefined;
+        this.height = '400px';
+        this.isDirty = false;
+        this.isInvalid = false;
+        this.left = 0;
+        this.maximized = undefined;
+        this.minHeight = '200px';
+        this.minimized = false;
+        this.minWidth = '200px';
+        this.outOfBounds = false;
+        this.savedPosition = {};
+        this.right = 'auto';
+        this.scope = undefined;
+        this.title = '';
+        this.top = 0;
+        this.width = '400px';
+        this.views = Array();
+        this.zIndex = -1;
+        this.context = undefined;
+        this.isReadOnly = false;
+        this.unsubscribes = [];
+        this.wasReadOnly = false;
+        this.destroy = () => {
+            while (this.unsubscribes.length)
+                this?.unsubscribes?.shift()?.call();
+            this.context = undefined;
+        };
+    }
+}
+;
+/**
+ * @tru.desktop.doc class
+ * @name truDesktopComponent.ViewConfig
+ * @module tru.desktop
+ *
+ * @description
+ * Default configuration object for a view. viewConfig properties can be defined by the application developer and overlaid
+ * over this object.
+ *
+ */
+class ViewConfig {
+    constructor() {
+        this.active = true;
+        this.entities = undefined;
+        this.entityIndex = 0;
+        this.isDirty = false;
+        this.isEditing = false;
+        this.isInvalid = false;
+        this.componentName = undefined;
+        this.windowConfig = null;
+    }
+}
+;
+
+class TruWindowEventHandler {
+    constructor() {
+        this.open$ = new Subject();
+        this.addView$ = new Subject();
+        this.removeForwadViews$ = new Subject();
+    }
+    onOpen() {
+        return this.open$;
+    }
+    open(windowEvent) {
+        this.open$.next(windowEvent);
+    }
+    onAddView() {
+        return this.addView$;
+    }
+    addView(windowAddViewEvent) {
+        this.addView$.next(windowAddViewEvent);
+    }
+    onRemoveForwardViews() {
+        return this.removeForwadViews$;
+    }
+    removeForwardViews() {
+        this.removeForwadViews$.next(null);
+    }
+}
+TruWindowEventHandler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruWindowEventHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TruWindowEventHandler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruWindowEventHandler, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruWindowEventHandler, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }] });
+
+class TruToolbar {
+    constructor() {
+        this.config = null;
+    }
+    ngOnInit() {
+        if (this.config != null)
+            this.config.forEach(item => {
+            });
+    }
+}
+TruToolbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruToolbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruToolbar, selector: "tru-toolbar", inputs: { config: "config" }, ngImport: i0, template: "<div class=\"toolbar toolbar-group\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".toolbar{height:25px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-form-field-infix{padding:0;border-top:0;width:auto}.toolbar .mat-form-field-underline{background-color:red}.toolbar .mat-form-field .mat-form-field-underline,.toolbar .mat-form-field.mat-focused .mat-form-field-underline{display:none}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbar, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-toolbar', template: "<div class=\"toolbar toolbar-group\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [".toolbar{height:25px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-form-field-infix{padding:0;border-top:0;width:auto}.toolbar .mat-form-field-underline{background-color:red}.toolbar .mat-form-field .mat-form-field-underline,.toolbar .mat-form-field.mat-focused .mat-form-field-underline{display:none}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class TruToolbarMenuItem {
+    constructor() {
+        this.onClick = (event) => {
+            var target = event.target;
+            var isActive = target.classList.contains('is-active');
+            if (isActive) {
+                target.classList.remove('is-active');
+            }
+            else {
+                target.classList.add('is-active');
+            }
+        };
+    }
+}
+TruToolbarMenuItem.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruToolbarMenuItem.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruToolbarMenuItem, selector: "tru-toolbar-menu-item", inputs: { config: "config" }, ngImport: i0, template: "<div (click)=\"onClick($event)\">\r\n  <p *ngIf=\"config.menuLabel\">{{config.menuLabel}}</p>\r\n  <i *ngIf=\"config.menuIcon\" class=\"{{config.menuIcon}} sub-menu-icon\" tabindex=\"-1\"></i>\r\n  <div class=\"sub-menu\" *ngIf=\"config.choices\">\r\n    <ul class=\"sub-menu-nav\">\r\n      <li *ngFor=\"let choice of config.choices\">\r\n        <p *ngIf=\"choice.separator && choice.title\" class=\"separator-title\">{{choice.title}}</p>\r\n        <hr *ngIf=\"choice.separator\" />\r\n        <button *ngIf=\"!choice.separator\" tabindex=\"-1\" (click)=\"choice.fire()\" [disabled]=\"!choice.enabled\">{{choice.label}}</button>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n", styles: [".menu{padding:0 10px;border-bottom:1px solid #6b6b6b;background:#f7f7f7;height:26px}.menu,.menu a{color:#000}.menu-nav{float:left;height:26px}.menu-nav>*{margin-right:0}.menu-nav>*>a{padding:0 10px;height:20px;line-height:19px;display:block;margin:3px 2px 2px}.menu-nav>*>a:hover{background:#959595}.menu-nav>*:active>a{color:#fff}.menu-nav select::-ms-expand{display:none}.menu-nav{margin:0;list-style:none;padding:0}.menu-nav>*{float:left;position:relative;margin:0 .5em 0 0;line-height:1}.menu-nav>*:last-child{margin-right:0}li.has-sub-menu{padding:0 5px}.has-sub-menu{position:relative;cursor:pointer}.has-sub-menu button{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important}.has-sub-menu p{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important;line-height:26px;pointer-events:none}.has-sub-menu p.separator-title{padding:0!important;font-size:12px;color:#ababab}.has-sub-menu:hover{background:#959595}\n", "p{margin:0;line-height:26px;pointer-events:none}.sub-menu{display:none;position:absolute;left:-1px;min-width:200px;padding:5px 0;background:#ffffff;border:1px solid #d5d5d5;border-top:none;z-index:99999999}.sub-menu-nav a{display:block;padding:0 20px;line-height:1.5}.sub-menu-nav a:hover{background:#959595;color:#fff}.sub-menu-nav hr{margin:0;color:#dedede}.sub-menu button{background:#fff;border:none;text-decoration:none;cursor:pointer;display:block;padding:0 20px!important;line-height:1.5;width:100%;text-align:left;outline:none}.sub-menu button:hover{background:#959595;color:#fff}.sub-menu button:disabled{background:#fff;color:#000;opacity:.5}.sub-menu-nav>li{position:relative;padding:0 3px}.sub-menu-nav>li:hover>.sub-menu{display:block;top:-6px;left:190px;border:1px solid #d5d5d5}.sub-menu-nav{margin:0;padding:0;list-style:none}.sub-menu-nav>*+*{display:block;margin-top:5px}.sub-menu-icon{font-size:18px;line-height:22px;vertical-align:middle;pointer-events:none}.is-active div.sub-menu{display:block}.sub-menu-nav p.separator-title{padding:0!important;font-size:12px;color:#ababab}.sub-menu-nav hr{margin:0;color:#dedede;border:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}\n"], dependencies: [{ 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"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuItem, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-toolbar-menu-item', template: "<div (click)=\"onClick($event)\">\r\n  <p *ngIf=\"config.menuLabel\">{{config.menuLabel}}</p>\r\n  <i *ngIf=\"config.menuIcon\" class=\"{{config.menuIcon}} sub-menu-icon\" tabindex=\"-1\"></i>\r\n  <div class=\"sub-menu\" *ngIf=\"config.choices\">\r\n    <ul class=\"sub-menu-nav\">\r\n      <li *ngFor=\"let choice of config.choices\">\r\n        <p *ngIf=\"choice.separator && choice.title\" class=\"separator-title\">{{choice.title}}</p>\r\n        <hr *ngIf=\"choice.separator\" />\r\n        <button *ngIf=\"!choice.separator\" tabindex=\"-1\" (click)=\"choice.fire()\" [disabled]=\"!choice.enabled\">{{choice.label}}</button>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n</div>\r\n", styles: [".menu{padding:0 10px;border-bottom:1px solid #6b6b6b;background:#f7f7f7;height:26px}.menu,.menu a{color:#000}.menu-nav{float:left;height:26px}.menu-nav>*{margin-right:0}.menu-nav>*>a{padding:0 10px;height:20px;line-height:19px;display:block;margin:3px 2px 2px}.menu-nav>*>a:hover{background:#959595}.menu-nav>*:active>a{color:#fff}.menu-nav select::-ms-expand{display:none}.menu-nav{margin:0;list-style:none;padding:0}.menu-nav>*{float:left;position:relative;margin:0 .5em 0 0;line-height:1}.menu-nav>*:last-child{margin-right:0}li.has-sub-menu{padding:0 5px}.has-sub-menu{position:relative;cursor:pointer}.has-sub-menu button{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important}.has-sub-menu p{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important;line-height:26px;pointer-events:none}.has-sub-menu p.separator-title{padding:0!important;font-size:12px;color:#ababab}.has-sub-menu:hover{background:#959595}\n", "p{margin:0;line-height:26px;pointer-events:none}.sub-menu{display:none;position:absolute;left:-1px;min-width:200px;padding:5px 0;background:#ffffff;border:1px solid #d5d5d5;border-top:none;z-index:99999999}.sub-menu-nav a{display:block;padding:0 20px;line-height:1.5}.sub-menu-nav a:hover{background:#959595;color:#fff}.sub-menu-nav hr{margin:0;color:#dedede}.sub-menu button{background:#fff;border:none;text-decoration:none;cursor:pointer;display:block;padding:0 20px!important;line-height:1.5;width:100%;text-align:left;outline:none}.sub-menu button:hover{background:#959595;color:#fff}.sub-menu button:disabled{background:#fff;color:#000;opacity:.5}.sub-menu-nav>li{position:relative;padding:0 3px}.sub-menu-nav>li:hover>.sub-menu{display:block;top:-6px;left:190px;border:1px solid #d5d5d5}.sub-menu-nav{margin:0;padding:0;list-style:none}.sub-menu-nav>*+*{display:block;margin-top:5px}.sub-menu-icon{font-size:18px;line-height:22px;vertical-align:middle;pointer-events:none}.is-active div.sub-menu{display:block}.sub-menu-nav p.separator-title{padding:0!important;font-size:12px;color:#ababab}.sub-menu-nav hr{margin:0;color:#dedede;border:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class TruToolbarMenuButton {
+    constructor() {
+    }
+}
+TruToolbarMenuButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruToolbarMenuButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruToolbarMenuButton, selector: "tru-toolbar-menu-button", inputs: { config: "config" }, ngImport: i0, template: "<div>\r\n  <i *ngIf=\"config.menuIcon\" class=\"{{config.menuIcon}} sub-menu-icon\" tabindex=\"-1\" (click)=\"config.fire()\"></i>\r\n  <button tabindex=\"-1\" (click)=\"config.fire()\" [disabled]=\"!config.enabled()\" *ngIf=\"config.hasAccess() && !config.menuIcon\">{{config.label}}</button>\r\n</div>\r\n", styles: [".menu{padding:0 10px;border-bottom:1px solid #6b6b6b;background:#f7f7f7;height:26px}.menu,.menu a{color:#000}.menu-nav{float:left;height:26px}.menu-nav>*{margin-right:0}.menu-nav>*>a{padding:0 10px;height:20px;line-height:19px;display:block;margin:3px 2px 2px}.menu-nav>*>a:hover{background:#959595}.menu-nav>*:active>a{color:#fff}.menu-nav select::-ms-expand{display:none}.menu-nav{margin:0;list-style:none;padding:0}.menu-nav>*{float:left;position:relative;margin:0 .5em 0 0;line-height:1}.menu-nav>*:last-child{margin-right:0}li.has-sub-menu{padding:0 5px}.has-sub-menu{position:relative;cursor:pointer}.has-sub-menu button{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important}.has-sub-menu p{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important;line-height:26px;pointer-events:none}.has-sub-menu p.separator-title{padding:0!important;font-size:12px;color:#ababab}.has-sub-menu:hover{background:#959595}\n", ".sub-menu-icon{font-size:18px;line-height:22px;vertical-align:middle;pointer-events:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-toolbar-menu-button', encapsulation: ViewEncapsulation.None, template: "<div>\r\n  <i *ngIf=\"config.menuIcon\" class=\"{{config.menuIcon}} sub-menu-icon\" tabindex=\"-1\" (click)=\"config.fire()\"></i>\r\n  <button tabindex=\"-1\" (click)=\"config.fire()\" [disabled]=\"!config.enabled()\" *ngIf=\"config.hasAccess() && !config.menuIcon\">{{config.label}}</button>\r\n</div>\r\n", styles: [".menu{padding:0 10px;border-bottom:1px solid #6b6b6b;background:#f7f7f7;height:26px}.menu,.menu a{color:#000}.menu-nav{float:left;height:26px}.menu-nav>*{margin-right:0}.menu-nav>*>a{padding:0 10px;height:20px;line-height:19px;display:block;margin:3px 2px 2px}.menu-nav>*>a:hover{background:#959595}.menu-nav>*:active>a{color:#fff}.menu-nav select::-ms-expand{display:none}.menu-nav{margin:0;list-style:none;padding:0}.menu-nav>*{float:left;position:relative;margin:0 .5em 0 0;line-height:1}.menu-nav>*:last-child{margin-right:0}li.has-sub-menu{padding:0 5px}.has-sub-menu{position:relative;cursor:pointer}.has-sub-menu button{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important}.has-sub-menu p{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important;line-height:26px;pointer-events:none}.has-sub-menu p.separator-title{padding:0!important;font-size:12px;color:#ababab}.has-sub-menu:hover{background:#959595}\n", ".sub-menu-icon{font-size:18px;line-height:22px;vertical-align:middle;pointer-events:none}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class TruToolbarMenu {
+    constructor() {
+        this.onDocumentClick = (event) => {
+            var activeMenus = document.querySelectorAll('.is-active');
+            var target = event.target;
+            activeMenus.forEach((activeMenu) => {
+                if (activeMenu !== target) {
+                    activeMenu.classList.remove('is-active');
+                }
+            });
+        };
+    }
+    ngAfterViewInit() {
+        document.addEventListener('click', this.onDocumentClick);
+    }
+    ngOnDestroy() {
+        document.removeEventListener('click', this.onDocumentClick);
+    }
+}
+TruToolbarMenu.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenu, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruToolbarMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruToolbarMenu, selector: "tru-toolbar-menu", inputs: { config: "config" }, ngImport: i0, template: "<ul class=\"hList menu-nav\">\r\n  <li class=\"has-sub-menu\">\r\n    <tru-toolbar-menu-button [config]=\"config\" *ngIf=\"!config.choices\"></tru-toolbar-menu-button>\r\n    <tru-toolbar-menu-item [config]=\"config\" *ngIf=\"config.choices && config.choices.length\"></tru-toolbar-menu-item>\r\n  </li>\r\n</ul>\r\n", styles: [".menu{padding:0 10px;border-bottom:1px solid #6b6b6b;background:#f7f7f7;height:26px}.menu,.menu a{color:#000}.menu-nav{float:left;height:26px}.menu-nav>*{margin-right:0}.menu-nav>*>a{padding:0 10px;height:20px;line-height:19px;display:block;margin:3px 2px 2px}.menu-nav>*>a:hover{background:#959595}.menu-nav>*:active>a{color:#fff}.menu-nav select::-ms-expand{display:none}.menu-nav{margin:0;list-style:none;padding:0}.menu-nav>*{float:left;position:relative;margin:0 .5em 0 0;line-height:1}.menu-nav>*:last-child{margin-right:0}li.has-sub-menu{padding:0 5px}.has-sub-menu{position:relative;cursor:pointer}.has-sub-menu button{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important}.has-sub-menu p{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important;line-height:26px;pointer-events:none}.has-sub-menu p.separator-title{padding:0!important;font-size:12px;color:#ababab}.has-sub-menu:hover{background:#959595}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TruToolbarMenuItem, selector: "tru-toolbar-menu-item", inputs: ["config"] }, { kind: "component", type: TruToolbarMenuButton, selector: "tru-toolbar-menu-button", inputs: ["config"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenu, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-toolbar-menu', template: "<ul class=\"hList menu-nav\">\r\n  <li class=\"has-sub-menu\">\r\n    <tru-toolbar-menu-button [config]=\"config\" *ngIf=\"!config.choices\"></tru-toolbar-menu-button>\r\n    <tru-toolbar-menu-item [config]=\"config\" *ngIf=\"config.choices && config.choices.length\"></tru-toolbar-menu-item>\r\n  </li>\r\n</ul>\r\n", styles: [".menu{padding:0 10px;border-bottom:1px solid #6b6b6b;background:#f7f7f7;height:26px}.menu,.menu a{color:#000}.menu-nav{float:left;height:26px}.menu-nav>*{margin-right:0}.menu-nav>*>a{padding:0 10px;height:20px;line-height:19px;display:block;margin:3px 2px 2px}.menu-nav>*>a:hover{background:#959595}.menu-nav>*:active>a{color:#fff}.menu-nav select::-ms-expand{display:none}.menu-nav{margin:0;list-style:none;padding:0}.menu-nav>*{float:left;position:relative;margin:0 .5em 0 0;line-height:1}.menu-nav>*:last-child{margin-right:0}li.has-sub-menu{padding:0 5px}.has-sub-menu{position:relative;cursor:pointer}.has-sub-menu button{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important}.has-sub-menu p{background:transparent;border:none;text-decoration:none;cursor:pointer;display:block;width:100%;text-align:left;outline:none;padding:0 10px!important;line-height:26px;pointer-events:none}.has-sub-menu p.separator-title{padding:0!important;font-size:12px;color:#ababab}.has-sub-menu:hover{background:#959595}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class TruToolbarSeparator {
+    constructor() { }
+}
+TruToolbarSeparator.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruToolbarSeparator.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruToolbarSeparator, selector: "tru-toolbar-separator", ngImport: i0, template: "<div class=\"tru-toolbar-separator\"></div>\r\n", styles: [".tru-toolbar-separator{display:inline-block;border-left:1px solid #999;margin:0 3px;font-size:1.4rem;line-height:1.8rem;text-indent:-99em;vertical-align:-2px;height:15px;margin-top:5px!important}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarSeparator, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-toolbar-separator', template: "<div class=\"tru-toolbar-separator\"></div>\r\n", styles: [".tru-toolbar-separator{display:inline-block;border-left:1px solid #999;margin:0 3px;font-size:1.4rem;line-height:1.8rem;text-indent:-99em;vertical-align:-2px;height:15px;margin-top:5px!important}\n"] }]
+        }], ctorParameters: function () { return []; } });
+
+class TruToolbarContextFilter {
+    constructor() {
+        this.config = null;
+        this.filters = []; //this.contextFilterConfig.contextFilters;
+    }
+    ngOnInit() {
+    }
+}
+TruToolbarContextFilter.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarContextFilter, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruToolbarContextFilter.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruToolbarContextFilter, selector: "tru-toolbar-context-filter", inputs: { config: "config" }, ngImport: i0, template: "<mat-form-field *ngIf=\"filters.length\">\r\n  <div *ngFor=\"let filter of filters\">\r\n    <mat-select [(ngModel)]=\"filter.selectedChoice\"\r\n                [compareWith]=\"filter.comparer\"\r\n                (selectionChange)=\"filter.onChange(filter.selectedChoice)\"\r\n                title=\"{{filter.tooltip}}\">\r\n      <mat-option *ngFor=\"let choice of filter.choices; trackBy filter.identify\" [value]=\"choice\">\r\n        {{choice.label}}\r\n      </mat-option>\r\n    </mat-select>\r\n  </div>\r\n</mat-form-field>\r\n", styles: [".toolbar{height:25px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-form-field-infix{padding:0;border-top:0;width:auto}.toolbar .mat-form-field-underline{background-color:red}.toolbar .mat-form-field .mat-form-field-underline,.toolbar .mat-form-field.mat-focused .mat-form-field-underline{display:none}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}\n", ".toolbar mat-select{width:auto;min-width:90px;padding:3px;padding-top:3px!important;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#ebebeb;height:15px;margin-top:2px;margin-left:2px;margin-right:2px}.toolbar .mat-form-field-underline{background-color:red}.toolbar .mat-form-field .mat-form-field-underline,.toolbar .mat-form-field.mat-focused .mat-form-field-underline{display:none}\n"], dependencies: [{ 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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarContextFilter, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-toolbar-context-filter', encapsulation: ViewEncapsulation.None, template: "<mat-form-field *ngIf=\"filters.length\">\r\n  <div *ngFor=\"let filter of filters\">\r\n    <mat-select [(ngModel)]=\"filter.selectedChoice\"\r\n                [compareWith]=\"filter.comparer\"\r\n                (selectionChange)=\"filter.onChange(filter.selectedChoice)\"\r\n                title=\"{{filter.tooltip}}\">\r\n      <mat-option *ngFor=\"let choice of filter.choices; trackBy filter.identify\" [value]=\"choice\">\r\n        {{choice.label}}\r\n      </mat-option>\r\n    </mat-select>\r\n  </div>\r\n</mat-form-field>\r\n", styles: [".toolbar{height:25px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-form-field-infix{padding:0;border-top:0;width:auto}.toolbar .mat-form-field-underline{background-color:red}.toolbar .mat-form-field .mat-form-field-underline,.toolbar .mat-form-field.mat-focused .mat-form-field-underline{display:none}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}\n", ".toolbar mat-select{width:auto;min-width:90px;padding:3px;padding-top:3px!important;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#ebebeb;height:15px;margin-top:2px;margin-left:2px;margin-right:2px}.toolbar .mat-form-field-underline{background-color:red}.toolbar .mat-form-field .mat-form-field-underline,.toolbar .mat-form-field.mat-focused .mat-form-field-underline{display:none}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class TruDesktopMenubar {
+    constructor() {
+        this.options = null;
+        this.configs = null;
+        this.openWindow = (event, windowOverrides) => {
+            this.desktopCtrl.openWindow(windowOverrides);
+        };
+    }
+    ngOnInit() {
+        this.options = this.desktopCtrl.getOptions();
+        this.configs = this.options.menubarConfig;
+    }
+}
+TruDesktopMenubar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopMenubar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruDesktopMenubar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruDesktopMenubar, selector: "tru-desktop-menubar", inputs: { desktopCtrl: "desktopCtrl" }, ngImport: i0, template: "<div class=\"desktop-main-menu\">\r\n  <tru-toolbar>\r\n    <tru-toolbar-menu *ngFor=\"let config of configs\" [config]=\"config\"></tru-toolbar-menu>\r\n    <tru-toolbar-separator></tru-toolbar-separator>\r\n    <tru-toolbar-context-filter></tru-toolbar-context-filter>\r\n  </tru-toolbar>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: TruToolbar, selector: "tru-toolbar", inputs: ["config"] }, { kind: "component", type: TruToolbarMenu, selector: "tru-toolbar-menu", inputs: ["config"] }, { kind: "component", type: TruToolbarSeparator, selector: "tru-toolbar-separator" }, { kind: "component", type: TruToolbarContextFilter, selector: "tru-toolbar-context-filter", inputs: ["config"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopMenubar, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-desktop-menubar', encapsulation: ViewEncapsulation.None, template: "<div class=\"desktop-main-menu\">\r\n  <tru-toolbar>\r\n    <tru-toolbar-menu *ngFor=\"let config of configs\" [config]=\"config\"></tru-toolbar-menu>\r\n    <tru-toolbar-separator></tru-toolbar-separator>\r\n    <tru-toolbar-context-filter></tru-toolbar-context-filter>\r\n  </tru-toolbar>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { desktopCtrl: [{
+                type: Input
+            }] } });
+
+class TruDesktopTaskbar {
+    constructor() {
+        this.options = null;
+        this.desktopShown = false;
+        this.updateWindowState = (wdw) => {
+            if (wdw.active)
+                this.desktopCtrl.minimize(wdw);
+            else if (!wdw.outOfBounds)
+                this.desktopCtrl.restore(wdw);
+            else if (wdw.outOfBounds)
+                this.desktopCtrl.recover(wdw);
+        };
+        this.hideShowAll = () => {
+            this.desktopShown = this.desktopCtrl.hideShowAll();
+        };
+        this.close = (e, wdw) => {
+            this.desktopCtrl.closeWindow(wdw);
+            e.stopPropagation();
+            e.preventDefault();
+        };
+    }
+    ngOnInit() {
+        this.options = this.desktopCtrl.getOptions();
+    }
+}
+TruDesktopTaskbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopTaskbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruDesktopTaskbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruDesktopTaskbar, selector: "tru-desktop-taskbar", inputs: { windows: "windows", desktopCtrl: "desktopCtrl" }, ngImport: i0, template: "<div class=\"desktop-taskbar-container\">\r\n  <div class=\"desktop-taskbar-list\">\r\n    <ul>\r\n      <li class=\"am-fade-and-scale desktop-text\"\r\n          *ngFor=\"let window of windows\"\r\n          (click)=\"updateWindowState(window)\">\r\n        <div class=\"desktop-relative desktop-taskbar-list-item\" [ngClass]=\"{'desktop-active-taskbar-list-item': window.active, 'desktop-minimized-taskbar-list-item': window.minimized, 'desktop-taskbar-list-item-recover': window.outOfBounds}\">\r\n          <div class=\"desktop-taskbar-list-item-title\">\r\n            <span>{{window.title}}</span>\r\n          </div>\r\n          <mat-icon [svgIcon]=\"'tru-toolbar-close-icon'\" class=\"desktop-taskbar-list-item-close-icon\" [ngClass]=\"{'desktop-taskbar-list-item-close-minimized': window.minimized}\" (click)=\"close($event, window)\"></mat-icon>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n  <div class=\"desktop-taskbar-hide\">\r\n    <div class=\"desktop-taskbar-hide-button\" (click)=\"hideShowAll()\">\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".desktop-taskbar-container{position:absolute!important;left:0;right:0;bottom:0;height:40px;background:#f8f8f8;border:1px solid #6b6b6b}.desktop-taskbar-launch-menu{position:absolute!important;top:0;left:0;bottom:0;width:50px;background:#f8f8f8;border-right:1px solid #e7e7e7}.desktop-taskbar-launch-button{height:35px;width:43px;background-clip:padding-box;border-radius:6px;border:1px solid #dfdfdf;margin:2px;padding-top:1px;padding-left:5px}.desktop-taskbar-launch-button:active{margin-top:3px;margin-left:3px;outline:0;box-shadow:0 0 10px #0057ff}.desktop-taskbar-list{position:absolute!important;inset:0 16px 0 0;background:#f8f8f8}.desktop-taskbar-list-offset{left:50px}.desktop-taskbar-list ul{padding:3px;margin:0}.desktop-taskbar-list ul>li{display:inline-block;list-style:none;width:165px;height:33px}.desktop-taskbar-list ul>li>div{background-clip:padding-box;border-radius:0;border:1px solid #dfdfdf;line-height:30px;margin-top:1px;margin-left:7px;overflow:hidden}.desktop-taskbar-list ul>li>div:active{top:1px;left:1px}.desktop-taskbar-list li span{position:relative;left:5px;margin-left:5px;text-overflow:ellipsis;font-size:12px;font-weight:700}.desktop-taskbar-list-item-recover{background:maroon!important;color:#fff!important}.desktop-taskbar-list-item-title{width:135px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:default}.desktop-taskbar-list-item-close{position:absolute;z-index:1;top:11px;right:5px;font-size:9px;color:#333;cursor:pointer}.desktop-taskbar-list-item-close-minimized{color:#bababa}.desktop-taskbar-list-item-close:active{top:10px;right:6px}.desktop-taskbar-list-item-close:hover{color:maroon}.desktop-taskbar-list-item{background-color:#f8f8f8;position:relative}.desktop-taskbar-list-item-close-icon{position:absolute;right:2px;top:5px;height:16px}.desktop-active-taskbar-list-item{outline:0;border:1px solid #6b6b6b!important;box-shadow:inset 0 1px 1px #00000013;color:#333}.desktop-minimized-taskbar-list-item{color:#bababa}.desktop-taskbar-hide{position:absolute!important;top:0;right:0;bottom:0;width:16px;background:#f8f8f8}.desktop-taskbar-hide-button{height:35px;width:12px;background-clip:padding-box;border-radius:0;border:1px solid #dfdfdf;margin:2px}.desktop-taskbar-hide-button:active{margin-top:3px;margin-left:3px;outline:0;box-shadow:0 0 10px #0057ff}\n"], dependencies: [{ 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: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopTaskbar, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-desktop-taskbar', template: "<div class=\"desktop-taskbar-container\">\r\n  <div class=\"desktop-taskbar-list\">\r\n    <ul>\r\n      <li class=\"am-fade-and-scale desktop-text\"\r\n          *ngFor=\"let window of windows\"\r\n          (click)=\"updateWindowState(window)\">\r\n        <div class=\"desktop-relative desktop-taskbar-list-item\" [ngClass]=\"{'desktop-active-taskbar-list-item': window.active, 'desktop-minimized-taskbar-list-item': window.minimized, 'desktop-taskbar-list-item-recover': window.outOfBounds}\">\r\n          <div class=\"desktop-taskbar-list-item-title\">\r\n            <span>{{window.title}}</span>\r\n          </div>\r\n          <mat-icon [svgIcon]=\"'tru-toolbar-close-icon'\" class=\"desktop-taskbar-list-item-close-icon\" [ngClass]=\"{'desktop-taskbar-list-item-close-minimized': window.minimized}\" (click)=\"close($event, window)\"></mat-icon>\r\n        </div>\r\n      </li>\r\n    </ul>\r\n  </div>\r\n  <div class=\"desktop-taskbar-hide\">\r\n    <div class=\"desktop-taskbar-hide-button\" (click)=\"hideShowAll()\">\r\n\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".desktop-taskbar-container{position:absolute!important;left:0;right:0;bottom:0;height:40px;background:#f8f8f8;border:1px solid #6b6b6b}.desktop-taskbar-launch-menu{position:absolute!important;top:0;left:0;bottom:0;width:50px;background:#f8f8f8;border-right:1px solid #e7e7e7}.desktop-taskbar-launch-button{height:35px;width:43px;background-clip:padding-box;border-radius:6px;border:1px solid #dfdfdf;margin:2px;padding-top:1px;padding-left:5px}.desktop-taskbar-launch-button:active{margin-top:3px;margin-left:3px;outline:0;box-shadow:0 0 10px #0057ff}.desktop-taskbar-list{position:absolute!important;inset:0 16px 0 0;background:#f8f8f8}.desktop-taskbar-list-offset{left:50px}.desktop-taskbar-list ul{padding:3px;margin:0}.desktop-taskbar-list ul>li{display:inline-block;list-style:none;width:165px;height:33px}.desktop-taskbar-list ul>li>div{background-clip:padding-box;border-radius:0;border:1px solid #dfdfdf;line-height:30px;margin-top:1px;margin-left:7px;overflow:hidden}.desktop-taskbar-list ul>li>div:active{top:1px;left:1px}.desktop-taskbar-list li span{position:relative;left:5px;margin-left:5px;text-overflow:ellipsis;font-size:12px;font-weight:700}.desktop-taskbar-list-item-recover{background:maroon!important;color:#fff!important}.desktop-taskbar-list-item-title{width:135px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:default}.desktop-taskbar-list-item-close{position:absolute;z-index:1;top:11px;right:5px;font-size:9px;color:#333;cursor:pointer}.desktop-taskbar-list-item-close-minimized{color:#bababa}.desktop-taskbar-list-item-close:active{top:10px;right:6px}.desktop-taskbar-list-item-close:hover{color:maroon}.desktop-taskbar-list-item{background-color:#f8f8f8;position:relative}.desktop-taskbar-list-item-close-icon{position:absolute;right:2px;top:5px;height:16px}.desktop-active-taskbar-list-item{outline:0;border:1px solid #6b6b6b!important;box-shadow:inset 0 1px 1px #00000013;color:#333}.desktop-minimized-taskbar-list-item{color:#bababa}.desktop-taskbar-hide{position:absolute!important;top:0;right:0;bottom:0;width:16px;background:#f8f8f8}.desktop-taskbar-hide-button{height:35px;width:12px;background-clip:padding-box;border-radius:0;border:1px solid #dfdfdf;margin:2px}.desktop-taskbar-hide-button:active{margin-top:3px;margin-left:3px;outline:0;box-shadow:0 0 10px #0057ff}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { windows: [{
+                type: Input
+            }], desktopCtrl: [{
+                type: Input
+            }] } });
+
+class TruBreezeContextFactory {
+    constructor() {
+        /**
+        * Maximum number of records to return from a query.
+        * @return {number}
+        */
+        this.servicePath = window.location.hostname === 'localhost' ? 'https://localhost:44303/api/TruDB' : '/api/TruDB';
+        this.metadataStore = new MetadataStore();
+        /**
+        * Note: hasServerMetadata is false to prevent the automatic query of the metadata from the server.
+        */
+        this.breezeDataService = new DataService({
+            serviceName: this.servicePath,
+            hasServerMetadata: false
+        });
+        this.setUpMetadata = (metadata) => {
+            if (this.metadataStore.isEmpty())
+                return this.metadataStore.importMetadata(metadata);
+            return this.metadataStore;
+        };
+        /**
+        * Returns a new data context object.
+        * @return {object} - Breeze Manager
+        */
+        this.createContext = (tableName = null) => {
+            let entityManager = new EntityManager({
+                dataService: this.breezeDataService,
+                metadataStore: this.metadataStore
+            });
+            let breezeContext = new TruBreezeContext(entityManager);
+            /**
+             * Cache the active user's user record since it is required to be in the cache
+             * for some situations such as when create new record and the view displays the
+             * created user audit property.  If it fails, the next context will try again.
+             * Of course, the already existing context(s) won't have the record cached, but
+             * it's a rather unlikely situation and it's non-fatal, so just let it fail.
+             */
+            var activeUserRecordExport;
+            if (activeUserRecordExport) {
+                entityManager.importEntities(activeUserRecordExport);
+            }
+            return breezeContext;
+        };
+    }
+}
+TruBreezeContextFactory.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruBreezeContextFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TruBreezeContextFactory.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruBreezeContextFactory, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruBreezeContextFactory, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return []; } });
+class TruBreezeContext {
+    constructor(manager) {
+        this.manager = manager;
+        this._entityManager = manager;
+    }
+    get createQuery() {
+        return (x) => { return new EntityQuery(x); };
+    }
+    ;
+    get entityManager() {
+        return this._entityManager;
+    }
+    ;
+}
+
+class TruAppEnvironment {
+    constructor() {
+        this._activeUserRef = new BehaviorSubject(1);
+        this._isSaving = new BehaviorSubject(false);
+        this._saveComplete = new BehaviorSubject(null);
+        this._revertComplete = new BehaviorSubject(null);
+        this._deleteComplete = new BehaviorSubject(null);
+        this.onSavingChanged$ = this._isSaving.asObservable();
+        this.onSaveComplete$ = this._saveComplete.asObservable();
+        this.onRevertComplete$ = this._revertComplete.asObservable();
+        this.onDeleteComplete$ = this._deleteComplete.asObservable();
+        this.saveComplete = (event) => {
+            this._saveComplete.next(event);
+        };
+        this.revertComplete = (event) => {
+            this._revertComplete.next(event);
+        };
+        this.deleteComplete = (event) => {
+            this._deleteComplete.next(event);
+        };
+        this.formatDeleteConfirmationMessage = (tableName, tablePluralLabel, count) => {
+            if (count === null)
+                return 'Are you sure you want to delete this ' + tableName + '?';
+            if (count === 1)
+                return 'Are you sure you want to delete 1 ' + tableName + '?';
+            return 'Are you sure you want to delete ' + count + ' ' + tablePluralLabel + '?';
+        };
+        this._maxRecordCount = 0;
+        this.msgModifierKeyLabel = this.isMac ? 'Cmd' : 'Ctrl';
+        this.msgConfirmExitWithChangesPending = 'You have unsaved changes that will be lost.';
+        this.msgDeleteSuccessful = 'Delete succeeded';
+        this.msgSaveSuccessful = 'Save succeeded';
+        this.msgNoChangesToSave = 'No changes to save';
+        this.msgSaveInProgress = 'Save in progress';
+        this.msgInvalidData = 'Invalid data';
+        this.msgDirtyPreventsReadOnly = 'Save or revert before disabling editing';
+        this.msgDirtyPreventsNavigate = 'Save or revert before navigating';
+        this.msgDirtyPreventsClose = 'Save or revert before closing window';
+        this.msgDirtyPreventsDeleteExistingRecord = 'Save or revert before deleting';
+        this.msgNoDeleteAccess = 'Contact administrator about delete access';
+        this.msgCannotDeleteNewAndExistingRecords = 'Delete new or existing records - but not both';
+        this.msgDeleteReferencingRecordsFirst = 'Delete all referencing records first';
+        this.msgNoRecordsSelected = 'No Records selected';
+    }
+    get activeUserRef() {
+        return this._activeUserRef.getValue();
+    }
+    set activeUserRef(ref) {
+        this._activeUserRef.next(ref);
+    }
+    get isSaving() {
+        return this._isSaving.getValue();
+    }
+    set isSaving(isSaving) {
+        this._isSaving.next(isSaving);
+    }
+    get maxRecordCount() {
+        return this._maxRecordCount;
+    }
+    set maxRecordCount(maxRecordCount) {
+        this._maxRecordCount = maxRecordCount;
+    }
+    get isMac() {
+        return navigator.platform.toUpperCase().indexOf('MAC') >= 0;
+    }
+}
+TruAppEnvironment.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruAppEnvironment, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TruAppEnvironment.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruAppEnvironment });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruAppEnvironment, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+
+class TruExportDialog {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.options = {
+            useGrid: false,
+            useNames: false,
+            useEmptyTags: false,
+            async: false
+        };
+        this.onFormatForImportChecked = () => {
+            if (!this.options.useNames)
+                this.options.useEmptyTags = false;
+        };
+        this.title = data.title;
+    }
+    onConfirm() {
+        this.dialogRef.close(this.options);
+    }
+    onDismiss() {
+        this.dialogRef.close(false);
+    }
+    handleKeyboardEvent(event) {
+        if (event.keyCode == 27) {
+            this.dialogRef.close(false);
+        }
+        if (event.keyCode == 13) {
+            event.stopPropagation();
+            this.dialogRef.close(this.options);
+        }
+    }
+    ngOnInit() { }
+}
+TruExportDialog.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruExportDialog, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+TruExportDialog.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruExportDialog, selector: "tru-export-dialog", host: { listeners: { "document:keypress": "handleKeyboardEvent($event)" } }, ngImport: i0, template: "<h1 mat-dialog-title>\r\n  {{title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n  <table>\r\n    <tbody>\r\n      <tr>\r\n        <td class=\"export-dialog-checkbox-container\" title=\"To support importing the export file: use names instead of labels.\">\r\n          <mat-checkbox \r\n                        [(ngModel)]=\"options.useNames\"\r\n                        (change)=\"onFormatForImportChecked()\"\r\n                        [labelPosition]=\"'after'\">\r\n            Format for import\r\n          </mat-checkbox>\r\n        </td>\r\n      </tr>\r\n      <tr>\r\n        <td class=\"export-dialog-checkbox-container\" title=\"Export only the rows in the grid.  When unchecked, exports the results of a new search without limiting result count as is a normal search.\">\r\n          <mat-checkbox \r\n                        [(ngModel)]=\"options.useGrid\"\r\n                        [labelPosition]=\"'after'\">\r\n            Export grid rows\r\n          </mat-checkbox>\r\n        </td>\r\n      </tr>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n\r\n<div mat-dialog-actions>\r\n  <button mat-button (click)=\"onDismiss()\">No</button>\r\n  <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Yes</button>\r\n</div>\r\n", styles: [".mat-dialog-content{overflow:hidden}.export-dialog-checkbox-container{padding-bottom:5px;display:inline-block}\n"], dependencies: [{ kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$1.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruExportDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-export-dialog', template: "<h1 mat-dialog-title>\r\n  {{title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n  <table>\r\n    <tbody>\r\n      <tr>\r\n        <td class=\"export-dialog-checkbox-container\" title=\"To support importing the export file: use names instead of labels.\">\r\n          <mat-checkbox \r\n                        [(ngModel)]=\"options.useNames\"\r\n                        (change)=\"onFormatForImportChecked()\"\r\n                        [labelPosition]=\"'after'\">\r\n            Format for import\r\n          </mat-checkbox>\r\n        </td>\r\n      </tr>\r\n      <tr>\r\n        <td class=\"export-dialog-checkbox-container\" title=\"Export only the rows in the grid.  When unchecked, exports the results of a new search without limiting result count as is a normal search.\">\r\n          <mat-checkbox \r\n                        [(ngModel)]=\"options.useGrid\"\r\n                        [labelPosition]=\"'after'\">\r\n            Export grid rows\r\n          </mat-checkbox>\r\n        </td>\r\n      </tr>\r\n    </tbody>\r\n  </table>\r\n</div>\r\n\r\n<div mat-dialog-actions>\r\n  <button mat-button (click)=\"onDismiss()\">No</button>\r\n  <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Yes</button>\r\n</div>\r\n", styles: [".mat-dialog-content{overflow:hidden}.export-dialog-checkbox-container{padding-bottom:5px;display:inline-block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: TruExportDialog, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }]; }, propDecorators: { handleKeyboardEvent: [{
+                type: HostListener,
+                args: ['document:keypress', ['$event']]
+            }] } });
+class TruExportDialogConfig {
+    constructor(title) {
+        this.title = title;
+    }
+}
+
+class TruUiNotification {
+    constructor(toastr, dialog) {
+        this.toastr = toastr;
+        this.dialog = dialog;
+        this.showMessage = (popup, log, prefix, message, detail = null) => {
+            popup(message);
+            message = prefix + ': ' + message;
+            if (detail)
+                message += '\r\n' + detail;
+            this.log(message);
+        };
+        /**
+        * Shows as toast and logs to server an error message and optional detail information.
+        * @param {string} message - Displayed as toast.
+        * @param {string} [detail] - Logged to console.
+        */
+        this.error = (message, detail = null) => {
+            this.showMessage((message) => this._toastr.error(message), this.log, 'Error', message, detail);
+        };
+        /**
+          * Same as error() but for info message.
+          */
+        this.info = (message, detail = null) => {
+            this.showMessage((message) => this._toastr.info(message), this.log, 'Info', message, detail);
+        };
+        /**
+         * Same as error() but for success message.
+         */
+        this.success = (message, detail = null) => {
+            this.showMessage((message) => this._toastr.success(message), this.log, 'Success', message, detail);
+        };
+        /**
+         * Same as error() but for warning message.
+         */
+        this.warning = (message, detail = null) => {
+            this.showMessage((message) => this._toastr.warning(message), this.log, 'Warning', message, detail);
+        };
+        this.log = (message) => {
+            var console = window.console;
+            !!console && console.log && console.log.apply && console.log.apply(console, [message]);
+        };
+        this.showErrorDialog = (title, message) => {
+        };
+        this.showExportDialog = () => {
+            return new Promise((resolve, reject) => {
+                let dialogConfig = new TruExportDialogConfig('Export');
+                let dialogRef = this._dialog.open(TruExportDialog, {
+                    disableClose: true,
+                    minWidth: "200px",
+                    maxWidth: "400px",
+                    data: dialogConfig
+                });
+                dialogRef.afterClosed().subscribe(dialogResult => {
+                    resolve(dialogResult);
+                });
+            });
+        };
+        this.confirm = (title, message) => {
+            return new Promise((resolve, reject) => {
+                let dialogConfig = new TruConfirmDialogConfig(title, message);
+                let dialogRef = this._dialog.open(TruConfirmDialog, {
+                    disableClose: true,
+                    minWidth: "200px",
+                    maxWidth: "400px",
+                    data: dialogConfig
+                });
+                dialogRef.afterClosed().subscribe(dialogResult => {
+                    resolve(dialogResult);
+                });
+            });
+        };
+        this._toastr = toastr;
+        this._dialog = dialog;
+    }
+}
+TruUiNotification.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruUiNotification, deps: [{ token: i1$2.ToastrService }, { token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+TruUiNotification.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruUiNotification, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruUiNotification, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1$2.ToastrService }, { type: i1.MatDialog }]; } });
+
+class TruEntityAccessor {
+    constructor(http, uiNotification) {
+        this.http = http;
+        this.uiNotification = uiNotification;
+        this._maxRecordCount = 0;
+        this.getQueryServiceName = (entity) => {
+            return 'Query' + entity.name;
+        };
+        this.warnIfMaxRecords = (entities, entityName) => {
+            if (entities.length >= this.maxRecordCount)
+                this.uiNotification.warning('[' + entityName + '] has more records available than supported');
+        };
+        this.formatQueryChoices = (query, entities, pKeyName, hid = null) => {
+            if (query && query.orderByClause)
+                return _.map(entities, (entity) => { return { value: { $: entity[pKeyName] }, label: hid !== null ? hid : entity.HID }; });
+            else
+                return _.map(entities, (entity) => { return { value: { $: entity[pKeyName] }, label: hid !== null ? hid : entity.HID }; });
+        };
+        this.add = (entity, contextFilters = null) => {
+            let newEntity = this._entityManager.createEntity(entity.prototype.entityType);
+            return newEntity;
+        };
+        this.search = (entity, setupQuery = null, expands, global) => {
+            var query;
+            if (expands && expands.length) {
+                if (global)
+                    query = this._breezeContext.createQuery(this.getQueryServiceName(entity)).expand(expands.join(', '));
+                else
+                    query = this._breezeContext.createQuery(this.getQueryServiceName(entity)).expand(expands.join(', ')).top(this._maxRecordCount);
+            }
+            else {
+                if (global)
+                    query = this._breezeContext.createQuery(this.getQueryServiceName(entity));
+                else
+                    query = this._breezeContext.createQuery(this.getQueryServiceName(entity)).top(this._maxRecordCount);
+            }
+            if (setupQuery != null)
+                query = setupQuery(query);
+            return defer(() => from(this._entityManager.executeQuery(query).then((queryData) => {
+                if (!global)
+                    this.warnIfMaxRecords(queryData.results, entity.name);
+                return queryData.results;
+            })));
+        };
+        this.searchCacheOnly = (entity, setupQuery = null, expands = null) => {
+            var query = this._breezeContext.createQuery(this.getQueryServiceName(entity));
+            if (setupQuery)
+                query = setupQuery(query);
+            return of(this._entityManager.executeQueryLocally(query));
+        };
+        this.searchCacheOnlySynchronously = (entity, setupQuery = null, expands = null) => {
+            var query = this._breezeContext.createQuery(this.getQueryServiceName(entity));
+            if (setupQuery)
+                query = setupQuery(query);
+            return this._entityManager.executeQueryLocally(query);
+        };
+        this.searchQueryChoices = (entity, setupQuery = null, hid = null, goToServer = false) => {
+            const pkeyName = entity.name + 'Ref';
+            let query = this._breezeContext.createQuery(this.getQueryServiceName(entity));
+            if (setupQuery)
+                query = setupQuery(query) ?? query;
+            if (goToServer) {
+                return defer(() => from(this._entityManager.executeQuery(query).then((queryData) => {
+                    return this.formatQueryChoices(query, queryData.results, pkeyName, null);
+                })));
+            }
+            return of(this.formatQueryChoices(query, this._entityManager.executeQueryLocally(query), pkeyName, null));
+        };
+        this.getByRefCacheOnly = (entity, ref, includeDeleted = false) => {
+            if (!includeDeleted)
+                includeDeleted = false;
+            var queryOptions = this._entityManager.queryOptions.using({
+                includeDeleted: includeDeleted,
+                fetchStrategy: FetchStrategy.FromLocalCache
+            });
+            var query = this._breezeContext.createQuery(this.getQueryServiceName(entity)).where(entity.name + 'Ref', '==', ref).using(queryOptions);
+            var result = this._entityManager.executeQueryLocally(query)[0];
+            if (result)
+                return result;
+            return null;
+        };
+        this.export = (entity, gridSpec, setupQuery, entityRefs, options) => {
+            options = options || {};
+            var args = {
+                runAsync: false,
+                useNames: false,
+                useEmptyTags: false,
+                entityRefs: null,
+                entityTypeName: entity.name,
+                gridSpec: gridSpec
+            };
+            if (options.async)
+                args.runAsync = true;
+            if (options.useNames)
+                args.useNames = true;
+            if (options.useEmptyTags)
+                args.useEmptyTags = true;
+            var queryText;
+            if (options.useGrid) {
+                args.entityRefs = entityRefs;
+            }
+            else {
+                var query = this._breezeContext.createQuery('noname');
+                if (setupQuery)
+                    query = setupQuery(query);
+                if (query === null) {
+                    this.uiNotification.warning('No records selected by query');
+                    return;
+                }
+                else {
+                    queryText = query._toUri(this._entityManager);
+                    queryText = queryText.split('?')[1];
+                }
+            }
+            var argsText = this.formatAsUrlParameters(args);
+            if (queryText)
+                argsText += '&' + queryText;
+            this.uiNotification.info(args.runAsync ? 'Queuing export...' : 'Exporting...');
+            this.downloadFromUrl('ExportEntities', argsText);
+        };
+        this.formatAsUrlParameters = (data) => {
+            var buffer = [];
+            for (var name in data) {
+                if (!data.hasOwnProperty(name)) {
+                    continue;
+                }
+                var value = data[name];
+                buffer.push(encodeURIComponent(name) +
+                    '=' + encodeURIComponent(value == null ? '' : value));
+            }
+            var source = buffer.join('&')
+                .replace(/%20/g, '+');
+            return (source);
+        };
+        this.downloadFromUrl = (url, data) => {
+            if (data)
+                data = this.formatAsUrlParameters(data);
+            const body = { title: 'download request' };
+            const headers = { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' };
+            this.http.post(url, body, { headers }).subscribe((response) => {
+                this.saveDownloadedFile(response);
+            });
+        };
+        this.saveDownloadedFile = (response) => {
+            var headers = response.headers;
+            var contentDisposition = headers('content-disposition');
+            if (!contentDisposition)
+                return; // NOTE: cannot save without header info
+            var filename = this.extractFilenameFromContentDisposition(contentDisposition);
+            var blob = new Blob([response.data], { type: headers('content-type') });
+            var link = document.createElement('a');
+            link.href = URL.createObjectURL(blob);
+            link.setAttribute('download', filename);
+            link.click();
+            link.remove();
+        };
+        this.extractFilenameFromContentDisposition = (text) => {
+            var parts = _.map(text.split(';'), function (part) { return part.trim(); });
+            var prefix = 'filename=';
+            var filenamePart = _.find(parts, function (part) { return part.substring(0, prefix.length) === prefix; });
+            if (!filenamePart)
+                return 'file';
+            var filename = filenamePart.substring(prefix.length);
+            filename = filename.replace(/"/g, '');
+            return filename;
+        };
+    }
+    set context(dataContext) {
+        this._breezeContext = dataContext.breezeContext;
+        this._entityManager = dataContext.entityManager;
+    }
+    set maxRecordCount(maxRecordCount) {
+        this.maxRecordCount = maxRecordCount;
+    }
+}
+TruEntityAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruEntityAccessor, deps: [{ token: i1$3.HttpClient }, { token: TruUiNotification }], target: i0.ɵɵFactoryTarget.Injectable });
+TruEntityAccessor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruEntityAccessor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruEntityAccessor, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1$3.HttpClient }, { type: TruUiNotification }]; } });
+
+class TruDataContext {
+    constructor(breezeContextFactory, appEnvironment, entityAccessor, uiNotification) {
+        this.breezeContextFactory = breezeContextFactory;
+        this.appEnvironment = appEnvironment;
+        this.entityAccessor = entityAccessor;
+        this.uiNotification = uiNotification;
+        this._pendingDeleteEntities = [];
+        this._pendingCascadeDeleteEntities = [];
+        this.getValidationErrors = (entities = null) => {
+            entities = entities || this.entityManager.getChanges();
+            var errorsPerEntity = entities.map((entity) => {
+                var errors = entity.entityAspect.getValidationErrors();
+                errors = errors.map((err) => {
+                    return {
+                        entity: entity,
+                        errorMessage: err.errorMessage,
+                        property: err.property
+                    };
+                });
+                return errors;
+            });
+            return [].concat.apply([], errorsPerEntity);
+        };
+        this.formatValidationErrors = (entities = null) => {
+            var errors = this.getValidationErrors(entities);
+            return errors.map((e) => {
+                if (e.propertyName) {
+                    return e.entity.entityType.defaultResourceName + '.' + e.propertyName + ': ' + e.errorMessage;
+                }
+                var mergeData = JSON.parse(e.entity.Merge_Data);
+                if (mergeData &&
+                    mergeData.constructor === Object &&
+                    Object.entries(mergeData).length > 0 &&
+                    mergeData[e.property.name]) {
+                    return mergeData[e.property.name].modifiedBy + ' changed ' + e.property.name + ' to ' + mergeData[e.property.name].value + '. Accept or Decline the change. ';
+                }
+                var propertyName = e.property.name ? e.property.name : '[Unknown Property]';
+                return e.entity.entityType.defaultResourceName + '.' + propertyName + ': has invalid data.';
+            });
+        };
+        this.findCachedCascadeDeleteDescendants = (entity) => {
+            let descendants = [];
+            let type = entity.entityType;
+            let typeName = type.defaultResourceName;
+            let entityChildrenNames = JSON.parse(JSON.stringify('Replace with: ModelNavigationProperties.value'))[typeName];
+            Object.entries(entityChildrenNames)
+                .forEach(([k, v]) => {
+                let property = entity[k];
+                property.forEach((child) => {
+                    if (typeof v === 'object' && v.doesCascadeDelete && child.entityAspect.entityState !== EntityState.Added) {
+                        throw new Error('Delete of selected item is not possible due to related child that is not setup for cascade delete.  Delete children items first.');
+                    }
+                    descendants = descendants.concat(this.findCachedCascadeDeleteDescendants(child));
+                });
+                descendants = property.concat(descendants);
+            });
+            return descendants;
+        };
+        this.markCachedDescendantsForDelete = (entities) => {
+            var cascadeDeleteDescendantsPerEntity = entities.map((entity) => { return this.findCachedCascadeDeleteDescendants(entity); }, entities);
+            var cascadeDeleteDescendants = cascadeDeleteDescendantsPerEntity.reduce((memo, i) => { return memo.concat(i); });
+            cascadeDeleteDescendants.forEach((entity) => { this.entityManager.detachEntity(entity); });
+            this._pendingDeleteEntities = this._pendingDeleteEntities.concat(entities);
+            let combined = this._pendingCascadeDeleteEntities.concat(cascadeDeleteDescendants);
+            this._pendingCascadeDeleteEntities = combined.filter((n, i) => combined.indexOf(n) === i);
+        };
+        this.markForDelete = (entities) => {
+            if (entities.length > 0) {
+                this.markCachedDescendantsForDelete(entities);
+                entities.forEach((entity) => {
+                    entity.entityAspect.setDeleted();
+                    //entity._associatedDataCached = false;
+                });
+            }
+        };
+        this.hasChanges = (entityTypes = []) => {
+            if (entityTypes.length)
+                return this._breezeContext.entityManager.getChanges(entityTypes);
+            return this._breezeContext.entityManager.getChanges();
+        };
+        this.entityAccess = () => {
+            return this.entityAccessor;
+        };
+        this.exportCahce = () => {
+            console.log(this._breezeContext.entityManager.exportEntities());
+        };
+        this.save = (entities = null, deleteOperation = false) => {
+            return new Promise((resolve, reject) => {
+                if (this.appEnvironment.isSaving) {
+                    this.uiNotification.error(this.appEnvironment.msgSaveInProgress);
+                    resolve();
+                    return;
+                }
+                var validationErrorMessages = this.formatValidationErrors(entities);
+                if (validationErrorMessages.length > 0) {
+                    this.uiNotification.error(this.appEnvironment.msgInvalidData, validationErrorMessages);
+                    resolve();
+                    return;
+                }
+                if (!this.hasChanges().length) {
+                    this.uiNotification.warning(this.appEnvironment.msgNoChangesToSave);
+                    resolve();
+                    return;
+                }
+                this.appEnvironment.isSaving = true;
+                this.entityManager.saveChanges().then(() => {
+                    if (!deleteOperation) {
+                        this.uiNotification.success(this.appEnvironment.msgSaveSuccessful);
+                        this.appEnvironment.saveComplete({ successful: true });
+                    }
+                    resolve();
+                }).catch((e) => {
+                    this.appEnvironment.saveComplete({ successful: false });
+                    reject(e);
+                }).finally(() => {
+                    this.appEnvironment.isSaving = false;
+                });
+            });
+        };
+        this.revert = () => {
+            this.uiNotification.confirm('Confirm Action', 'Revert ' + this.hasChanges().length + ' changed record(s)?').then((confirm) => {
+                if (confirm) {
+                    this.entityManager.rejectChanges();
+                    this.appEnvironment.revertComplete({ successful: true });
+                }
+            });
+        };
+        this.revertWithoutPrompt = () => {
+            this.revert();
+            this.appEnvironment.revertComplete({ successful: true });
+        };
+        this.delete = (entities, confirmMsg, onSuccess = undefined) => {
+            var newEntities = [];
+            var existingEntities = [];
+            entities.forEach(function (e) {
+                if (e.entityAspect.entityState.isAdded())
+                    newEntities.push(e);
+                else
+                    existingEntities.push(e);
+            });
+            if (newEntities.length && existingEntities.length) {
+                this.uiNotification.warning(this.appEnvironment.msgCannotDeleteNewAndExistingRecords);
+                return;
+            }
+            if (existingEntities.length) {
+                if (this.hasChanges().length) {
+                    this.uiNotification.warning(this.appEnvironment.msgDirtyPreventsDeleteExistingRecord);
+                    return;
+                }
+            }
+            this.uiNotification.confirm('Confirm Action', confirmMsg).then((confirm) => {
+                if (confirm) {
+                    if (newEntities.length) {
+                        newEntities.forEach((entity) => {
+                            entity.entityAspect.clearValidationErrors();
+                        });
+                        this.markForDelete(newEntities);
+                        if (onSuccess)
+                            onSuccess();
+                        return;
+                    }
+                    try {
+                        this.markForDelete(existingEntities);
+                    }
+                    catch (exception) {
+                        this.uiNotification.error(exception.message);
+                        return;
+                    }
+                    this.save(null, true).then(() => {
+                        var entitiesDeleted = this._pendingDeleteEntities.concat(this._pendingCascadeDeleteEntities);
+                        this.appEnvironment.deleteComplete({ successful: true, entities: entitiesDeleted });
+                        if (entitiesDeleted.length) {
+                            this._pendingCascadeDeleteEntities = [];
+                            this._pendingDeleteEntities = [];
+                        }
+                        this.uiNotification.success(this.appEnvironment.msgDeleteSuccessful);
+                        if (onSuccess)
+                            onSuccess(true);
+                    }).catch((error) => {
+                        this.revert();
+                    }).finally(() => { });
+                }
+            });
+        };
+        this._breezeContext = this.breezeContextFactory.createContext();
+        this.entityAccessor.context = this;
+    }
+    get breezeContext() {
+        return this._breezeContext;
+    }
+    get entityManager() {
+        return this._breezeContext.entityManager;
+    }
+}
+TruDataContext.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDataContext, deps: [{ token: TruBreezeContextFactory }, { token: TruAppEnvironment }, { token: TruEntityAccessor }, { token: TruUiNotification }], target: i0.ɵɵFactoryTarget.Injectable });
+TruDataContext.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDataContext });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDataContext, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: TruBreezeContextFactory }, { type: TruAppEnvironment }, { type: TruEntityAccessor }, { type: TruUiNotification }]; } });
+
+class TruDesktopResizable {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.mouseOffsetX = 0;
+        this.mouseOffsetY = 0;
+        this.lastMouseX = 0;
+        this.lastMouseY = 0;
+        this.originalHeight = 0;
+        this.originalWidth = 0;
+        this.mouseDown = (event) => {
+            if (this.maximized)
+                return;
+            event.preventDefault();
+            this.mouseOffsetY = event.clientY;
+            this.mouseOffsetX = event.clientX;
+            this.originalHeight = parseInt(this.window.height, 10);
+            this.originalWidth = parseInt(this.window.width, 10);
+            this.viewport = this.getViewport();
+            document.addEventListener('mousemove', this.mouseMove);
+            document.addEventListener('mouseup', this.mouseUp);
+        };
+        this.mouseMove = (event) => {
+            var mouseY = event.pageY - this.mouseOffsetY;
+            var mouseX = event.pageX - this.mouseOffsetX;
+            var diffY = mouseY - this.lastMouseY;
+            var diffX = mouseX - this.lastMouseX;
+            this.lastMouseY = mouseY;
+            this.lastMouseX = mouseX;
+            this.currentHeight = parseInt(this.window.height, 10);
+            this.currentWidth = parseInt(this.window.width, 10);
+            this.currentTop = parseInt(this.window.top, 10);
+            this.currentLeft = parseInt(this.window.left, 10);
+            this.currentRight = parseInt(this.window.right, 10);
+            this.currentBottom = parseInt(this.window.bottom, 10);
+            this.currentMinHeight = parseInt(this.window.minHeight, 10);
+            this.currentMinWidth = parseInt(this.window.minWidth, 10);
+            if (this.direction.indexOf("w") > -1) {
+                if (this.currentWidth - diffX < this.currentMinWidth)
+                    this.mouseOffsetX = this.mouseOffsetX - (diffX - (diffX = this.currentWidth - this.currentMinWidth));
+                //Contain resizing to the west
+                if (this.currentLeft + diffX < 0)
+                    this.mouseOffsetX = this.mouseOffsetX - (diffX - (diffX = 0 - this.currentLeft));
+                this.window.left = (this.currentLeft + diffX) + 'px';
+                this.window.width = (this.currentWidth - diffX) + 'px';
+            }
+            if (this.direction.indexOf("n") > -1) {
+                if (this.currentHeight - diffY < this.currentMinHeight)
+                    this.mouseOffsetY = this.mouseOffsetY - (diffY - (diffY = this.currentHeight - this.currentMinHeight));
+                //Contain resizing to the north
+                if (this.currentTop + diffY < 0)
+                    this.mouseOffsetY = this.mouseOffsetY - (diffY - (diffY = 0 - this.currentTop));
+                this.window.top = (this.currentTop + diffY) + 'px';
+                this.window.height = (this.currentHeight - diffY) + 'px';
+            }
+            if (this.direction.indexOf("e") > -1) {
+                if (this.currentWidth + diffX < this.currentMinWidth)
+                    this.mouseOffsetX = this.mouseOffsetX - (diffX - (diffX = this.currentMinWidth - this.currentWidth));
+                //Contain resizing to the east
+                if ((this.currentLeft + this.currentWidth) + diffX > this.viewport.offsetWidth)
+                    this.mouseOffsetX = this.mouseOffsetX - (diffX - (diffX = this.viewport.offsetWidth - (this.currentLeft + this.currentWidth)));
+                this.window.width = (this.currentWidth + diffX) + 'px';
+            }
+            if (this.direction.indexOf("s") > -1) {
+                if (this.currentHeight + diffY < this.currentMinHeight)
+                    this.mouseOffsetY = this.mouseOffsetY - (diffY - (diffY = this.currentMinHeight - this.currentHeight));
+                //Contain resizing to the south
+                if ((this.currentTop + this.currentHeight) + diffY > this.viewport.offsetHeight)
+                    this.mouseOffsetY = this.mouseOffsetY - (diffY - (diffY = this.viewport.offsetHeight - (this.currentTop + this.currentHeight)));
+                this.window.height = (this.currentHeight + diffY) + 'px';
+            }
+        };
+        this.mouseUp = (event) => {
+            this.mouseOffsetX = 0;
+            this.mouseOffsetY = 0;
+            this.lastMouseX = 0;
+            this.lastMouseY = 0;
+            document.removeEventListener('mousemove', this.mouseMove);
+            document.removeEventListener('mouseup', this.mouseUp);
+        };
+        this.getViewport = function () {
+            return document.querySelectorAll('.desktop-viewport-container')[0];
+        };
+    }
+    ngOnInit() {
+        this.elementRef.nativeElement.addEventListener('mousedown', this.mouseDown);
+    }
+    ngOnDestroy() {
+        this.elementRef.nativeElement.removeEventListener('mousedown', this.mouseDown);
+        document.removeEventListener('mousemove', this.mouseMove);
+        document.removeEventListener('mouseup', this.mouseUp);
+    }
+}
+TruDesktopResizable.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopResizable, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+TruDesktopResizable.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.1.2", type: TruDesktopResizable, selector: "[tru-desktop-resizable]", inputs: { window: "window", maximized: "maximized", direction: "direction" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopResizable, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[tru-desktop-resizable]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { window: [{
+                type: Input
+            }], maximized: [{
+                type: Input
+            }], direction: [{
+                type: Input
+            }] } });
+
+class TruComponentLookup {
+    constructor() {
+        this.truComponentLookupRegistry = new Map();
+        this.set = (key, type) => {
+            this.truComponentLookupRegistry.set(key, type);
+        };
+        this.get = (key) => {
+            return this.truComponentLookupRegistry.get(key);
+        };
+        this.getBySuffix = (suffix) => {
+            return [...this.truComponentLookupRegistry.values()].filter((v, k) => {
+                v.name.toLowerCase().endsWith(suffix.toLowerCase());
+            });
+        };
+    }
+}
+TruComponentLookup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruComponentLookup, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+TruComponentLookup.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruComponentLookup, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruComponentLookup, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class TruDesktopView {
+    constructor(viewContainerRef, componentFactoryResolver, componentLookup) {
+        this.viewContainerRef = viewContainerRef;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.componentLookup = componentLookup;
+    }
+    ngOnInit() {
+        var component = this.componentLookup.get(this.view.componentName);
+        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(component);
+        const containerRef = this.viewContainerRef.createComponent(componentFactory, 0, this.viewContainerRef.injector);
+        containerRef.instance.view = this.view;
+    }
+}
+TruDesktopView.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopView, deps: [{ token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }, { token: TruComponentLookup }], target: i0.ɵɵFactoryTarget.Component });
+TruDesktopView.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruDesktopView, selector: "tru-desktop-view", inputs: { view: "view" }, ngImport: i0, template: "<div></div>\r\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopView, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-desktop-view', template: "<div></div>\r\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }, { type: TruComponentLookup }]; }, propDecorators: { view: [{
+                type: Input
+            }] } });
+
+class TruDesktopStatusbar {
+    constructor() {
+        this.label = ''; //this.contextFilter.label();
+    }
+    ngOnInit() {
+    }
+}
+TruDesktopStatusbar.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopStatusbar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruDesktopStatusbar.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruDesktopStatusbar, selector: "tru-desktop-statusbar", inputs: { desktopCtrl: "desktopCtrl" }, ngImport: i0, template: "<div class=\"desktop-window-statusbar\" data-ng-class=\"{'desktop-window-maximized': window.maximized, 'desktop-window-opacity': !window.active}\">\r\n  <div class=\"desktop-window-statusbar-container\">\r\n    <div class=\"desktop-window-statusbar-context-filter-container\">\r\n      <p class=\"desktop-window-statusbar-context-filter-container-text\">{{label}}</p>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".desktop-window-statusbar{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}.desktop-window-statusbar-container{position:absolute;top:1px;left:2px;right:0}.desktop-window-statusbar-context-filter-container{float:right;color:#fff;font-weight:700;line-height:8px;margin-right:5px}.desktop-window-statusbar-context-filter-container-text{line-height:1.5;cursor:default}\n"] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopStatusbar, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-desktop-statusbar', template: "<div class=\"desktop-window-statusbar\" data-ng-class=\"{'desktop-window-maximized': window.maximized, 'desktop-window-opacity': !window.active}\">\r\n  <div class=\"desktop-window-statusbar-container\">\r\n    <div class=\"desktop-window-statusbar-context-filter-container\">\r\n      <p class=\"desktop-window-statusbar-context-filter-container-text\">{{label}}</p>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".desktop-window-statusbar{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}.desktop-window-statusbar-container{position:absolute;top:1px;left:2px;right:0}.desktop-window-statusbar-context-filter-container{float:right;color:#fff;font-weight:700;line-height:8px;margin-right:5px}.desktop-window-statusbar-context-filter-container-text{line-height:1.5;cursor:default}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { desktopCtrl: [{
+                type: Input
+            }] } });
+
+class TruToolbarButton {
+    constructor() {
+        this.config = null;
+        this.icon = '';
+        this.text = '';
+        this.disabled = false;
+        this.tooltip = null;
+        this.onClick = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+}
+TruToolbarButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruToolbarButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruToolbarButton, selector: "tru-toolbar-button", inputs: { config: "config", icon: "icon", text: "text", disabled: "disabled", tooltip: "tooltip" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button type=\"button\" class=\"toolbar-btn toolbar-btn-default\" title=\"{{ tooltip }}\" tabindex=\"-1\" [attr.disabled]=\"disabled ? '' : null\" (click)=\"onClick.emit($event)\">\r\n  <span class=\"toolbar-btn-icon\" *ngIf=\"icon\"><mat-icon [svgIcon]=\"icon\"></mat-icon></span>\r\n  <span class=\"toolbar-btn-text\" *ngIf=\"text\">{{text}}</span>\r\n</button>\r\n", styles: [".toolbar{height:25px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-form-field-infix{padding:0;border-top:0;width:auto}.toolbar .mat-form-field-underline{background-color:red}.toolbar .mat-form-field .mat-form-field-underline,.toolbar .mat-form-field.mat-focused .mat-form-field-underline{display:none}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}\n", ".toolbar-btn{margin:0;text-transform:none;font-family:inherit;display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:0;-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-appearance:button}.toolbar-btn.disabled,.toolbar-btn[disabled],fieldset[disabled] .btn{cursor:default;opacity:.3;filter:alpha(opacity=65);box-shadow:none;pointer-events:none}.toolbar-btn.disabled:hover,.toolbar-btn[disabled]:hover,fieldset[disabled] .btn:hover{cursor:default;opacity:.3;filter:alpha(opacity=65);box-shadow:none;background-color:#f8f8f8;border-color:transparent;pointer-events:none}.toolbar-btn:hover,.toolbar-btn:focus{color:#333;text-decoration:none}.toolbar-btn-default{color:#333;background-color:transparent;border-color:transparent}.toolbar-btn-default:hover,.toolbar-btn-default:focus,.toolbar-btn-default:active,.toolbar-btn-default.active{color:#333;background-color:#ebebeb;border-color:transparent}.toolbar-btn-text{padding:5px!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarButton, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-toolbar-button', encapsulation: ViewEncapsulation.None, template: "<button type=\"button\" class=\"toolbar-btn toolbar-btn-default\" title=\"{{ tooltip }}\" tabindex=\"-1\" [attr.disabled]=\"disabled ? '' : null\" (click)=\"onClick.emit($event)\">\r\n  <span class=\"toolbar-btn-icon\" *ngIf=\"icon\"><mat-icon [svgIcon]=\"icon\"></mat-icon></span>\r\n  <span class=\"toolbar-btn-text\" *ngIf=\"text\">{{text}}</span>\r\n</button>\r\n", styles: [".toolbar{height:25px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-form-field-infix{padding:0;border-top:0;width:auto}.toolbar .mat-form-field-underline{background-color:red}.toolbar .mat-form-field .mat-form-field-underline,.toolbar .mat-form-field.mat-focused .mat-form-field-underline{display:none}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}\n", ".toolbar-btn{margin:0;text-transform:none;font-family:inherit;display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:0;-webkit-user-select:none;-o-user-select:none;user-select:none;-webkit-appearance:button}.toolbar-btn.disabled,.toolbar-btn[disabled],fieldset[disabled] .btn{cursor:default;opacity:.3;filter:alpha(opacity=65);box-shadow:none;pointer-events:none}.toolbar-btn.disabled:hover,.toolbar-btn[disabled]:hover,fieldset[disabled] .btn:hover{cursor:default;opacity:.3;filter:alpha(opacity=65);box-shadow:none;background-color:#f8f8f8;border-color:transparent;pointer-events:none}.toolbar-btn:hover,.toolbar-btn:focus{color:#333;text-decoration:none}.toolbar-btn-default{color:#333;background-color:transparent;border-color:transparent}.toolbar-btn-default:hover,.toolbar-btn-default:focus,.toolbar-btn-default:active,.toolbar-btn-default.active{color:#333;background-color:#ebebeb;border-color:transparent}.toolbar-btn-text{padding:5px!important}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { config: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], onClick: [{
+                type: Output
+            }] } });
+
+class TruDesktopWindow {
+    constructor(dataContext, truWindowEventHandler, elementRef, cd) {
+        this.dataContext = dataContext;
+        this.truWindowEventHandler = truWindowEventHandler;
+        this.elementRef = elementRef;
+        this.cd = cd;
+        this.x = 0;
+        this.y = 0;
+        this.lastX = 0;
+        this.lastY = 0;
+        this.startX = 0;
+        this.startY = 0;
+        this.titleBar = null;
+        this.canCloseFn = undefined;
+        this.cancelEditingOnNavigation = false;
+        this.viewportDimensions = undefined;
+        this.hasChanges = () => {
+            return this.dataContext.hasChanges().length;
+        };
+        this.mouseMove = (event) => {
+            this.viewportDimensions = this.viewportCtrl.getViewportDimensions();
+            if (event.pageX <= 0 ||
+                event.pageX >= this.viewportDimensions.width ||
+                this.window.maximized)
+                return;
+            if (this.titleBar == null)
+                return;
+            //this.elementRef.nativeElement.setAttribute('style', 'opacity: 0.5;');
+            this.x = event.screenX - this.startX;
+            this.y = event.screenY - this.startY;
+            //Top Containment
+            this.y = this.y >= 0 ? this.y : 0;
+            //Bottom Containment
+            this.y = this.y <= this.viewportDimensions.height - this.titleBar.offsetHeight ? this.y : this.viewportDimensions.height - this.titleBar.offsetHeight;
+            //Left Containment
+            this.x = this.x >= -(this.titleBar.offsetWidth + this.titleBar.offsetLeft) ? this.x : -(this.titleBar.offsetWidth + this.titleBar.offsetLeft);
+            //Right Containment
+            this.x = this.x <= this.viewportDimensions.width - this.titleBar.offsetLeft ? this.x : this.viewportDimensions.width - this.titleBar.offsetLeft;
+            this.window.top = this.y + 'px';
+            this.window.left = this.x + 'px';
+        };
+        this.mouseUp = (event) => {
+            if (event.pageY <= this.desktopCtrl.options.viewportTop) {
+                this.desktopCtrl.maximize(this.window);
+            }
+            if (event.pageX <= 0) {
+                this.desktopCtrl.maximizeLeft(this.window);
+            }
+            this.viewportDimensions = this.viewportCtrl.getViewportDimensions();
+            if (event.pageX >= this.viewportDimensions.width - 1) {
+                this.desktopCtrl.maximizeRight(this.window);
+            }
+            //this.elementRef.nativeElement.setAttribute('style', 'opacity: 1.0;');
+            document.removeEventListener('mousemove', this.mouseMove);
+            document.removeEventListener('mouseup', this.mouseUp);
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopWindowComponent.updateNavigationState
+         * @module tru.desktop.window
+         *
+         * @description
+         * Updates window navigation buttons based location of the active view in the views array.
+         *
+         */
+        this.updateNavigationState = () => {
+            if (this.window.views === undefined)
+                return;
+            var length = this.window.views.length;
+            this.disablePrevious = !!(this.window.views[0].active || length === 1);
+            this.disableNext = !!(this.window.views[length - 1].active || length === 1);
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopWindowComponent.isWindowInViewport
+         * @module tru.desktop.window
+         *
+         * @description
+         * Determines if the window is within the viewport boundaries.
+         *
+         */
+        this.isWindowInViewport = () => {
+            var windowTop = 0;
+            var windowLeft = 0;
+            if (!this.window.minimized) {
+                windowTop = this.elementRef.nativeElement.offsetTop;
+                windowLeft = this.elementRef.nativeElement.offsetLeft;
+            }
+            else {
+                windowTop = parseInt(this.window.savedPosition.top, 10);
+                windowLeft = parseInt(this.window.savedPosition.left, 10);
+            }
+            if ((windowTop + 10) >= this.viewportCtrl.getViewportDimensions().height ||
+                (windowLeft + 60) >= this.viewportCtrl.getViewportDimensions().width) {
+                this.window.outOfBounds = true;
+                this.window.active = false;
+                this.desktopCtrl.activateForemostWindow();
+            }
+            else {
+                this.window.outOfBounds = false;
+            }
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopWindowComponent.getWindow
+         * @module tru.desktop.window
+         *
+         * @description
+         * Gets the window object.
+         *
+         * @returns {object} window object.
+         */
+        this.getWindow = () => {
+            return this.window;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopWindowComponent.setWindowTitle
+         * @module tru.desktop.window
+         *
+         * @description
+         * Sets the window title.
+         *
+         * @param {string} value to display in the window title bar.
+         */
+        this.setWindowTitle = (value) => {
+            this.window.title = value;
+        };
+        this.getWindowTitle = () => {
+            return this.window.title;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopWindowComponent.goToPreviousView
+         * @module tru.desktop.window
+         *
+         * @description
+         * Public method for navigating to the previous view.
+         *
+         */
+        this.goToPreviousView = () => {
+            this.previousView();
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopWindowComponent.viewIsEditing
+         * @module tru.desktop.window
+         *
+         * @description
+         * Checks whether view is editing.
+         *
+         * @returns {boolean}.
+         */
+        this.viewIsEditing = () => {
+            var isEditing = false;
+            this.window.views.forEach((view) => {
+                if (view.isEditing === true) {
+                    isEditing = true;
+                }
+            }, null);
+            return isEditing;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopWindowComponent.canNavigate
+         * @module tru.desktop.window
+         *
+         * @description
+         * Checks whether navigation can occur..
+         *
+         * @returns {boolean}.
+         */
+        this.canNavigate = () => {
+            var canNavigate = true;
+            if (this.canNavigateFn !== null) {
+                if (this.viewIsEditing()) {
+                    canNavigate = this.canNavigateFn();
+                }
+            }
+            return canNavigate;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopWindowComponent.removeForwardViews
+         * @module tru.desktop.window
+         *
+         * @description
+         * Removes all view(s) forward of the active view.
+         *
+         */
+        this.removeForwardViews = () => {
+            var activeView = this.desktopCtrl.getActiveView(this.window);
+            var activeViewIndex = this.window.views.indexOf(activeView);
+            for (var i = this.window.views.length; i > activeViewIndex; i--) {
+                this.window.views.splice(i, 1);
+            }
+            this.updateNavigationState();
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopWindowComponent.addView
+         * @module tru.desktop.window
+         *
+         * @description
+         * Removes all inactive view(s) following the active view and inserts a new view.
+         *
+         */
+        this.addView = (viewConfigOverlay) => {
+            this.removeForwardViews();
+            var activeView = this.desktopCtrl.getActiveView(this.window);
+            activeView.active = false;
+            var viewConfig = this.desktopCtrl.getDesktop().viewConfig;
+            var viewConfigInstance = Object.assign({}, viewConfig);
+            var extended = Object.assign(viewConfigInstance, viewConfigOverlay);
+            extended.window = this;
+            this.window.views.push(extended);
+            this.updateNavigationState();
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopWindowComponent.getGlobals
+         * @module tru.desktop.window
+         *
+         * @description
+         * returns the global values.
+         *
+         */
+        this.getGlobals = () => {
+            return this.window.globals;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopWindowComponent.firstView
+         * @module tru.desktop.window
+         *
+         * @description
+         *
+         */
+        this.firstView = () => {
+            if (!this.canNavigate() || this.disablePrevious)
+                return;
+            if (this.cancelEditingOnNavigation)
+                this.desktopCtrl.getActiveView(this.window).isEditing = false;
+            let activeView = this.desktopCtrl.getActiveView(this.window);
+            activeView.active = false;
+            this.window.views[0].active = true;
+            this.updateNavigationState();
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopWindowComponent.firstView
+         * @module tru.desktop.window
+         *
+         * @description
+         *
+         */
+        this.lastView = () => {
+            if (!this.canNavigate() || this.disableNext)
+                return;
+            if (this.cancelEditingOnNavigation)
+                this.desktopCtrl.getActiveView(this.window).isEditing = false;
+            let activeView = this.desktopCtrl.getActiveView(this.window);
+            activeView.active = false;
+            this.window.views[this.window.views.length - 1].active = true;
+            this.updateNavigationState();
+        };
+        this.resizeEventHandler = () => {
+            this.isWindowInViewport();
+        };
+        /**
+         * @tru.doc watch
+         * @module tru.desktop.window
+         *
+         * @description
+         * Monitors the window's minimized state
+         *
+         */
+        //$scope.$watch('window.minimized',
+        //              function(value) {
+        //  if (value && !$scope.window.maximized) {
+        //    $scope.desktopCtrl.savePosition($scope.window);
+        //  }
+        //}
+        //          );
+        this.disablePrevious = true;
+        this.disableNext = true;
+        this.activate = () => {
+            if (this.window.outOfBounds)
+                return;
+            this.desktopCtrl.clearActive();
+            this.window.active = true;
+            this.window.zIndex = this.desktopCtrl.getNextMaxZIndex();
+        };
+        this.minimize = () => {
+            this.desktopCtrl.minimize(this.window);
+        };
+        this.maximize = () => {
+            if (this.window.maximized) {
+                this.desktopCtrl.restoreSavedPosition(this.window);
+                this.window.maximized = undefined;
+            }
+            else {
+                this.desktopCtrl.savePosition(this.window);
+                this.desktopCtrl.maximize(this.window);
+            }
+        };
+        this.close = () => {
+            this.desktopCtrl.closeWindow(this.window);
+        };
+        this.windowTitleMouseDown = (event) => {
+            if (this.window.maximized)
+                return;
+            event.preventDefault();
+            this.titleBar = event.srcElement || event.target;
+            this.x = this.elementRef.nativeElement.children[0].offsetLeft;
+            this.y = this.elementRef.nativeElement.children[0].offsetTop;
+            this.startX = event.screenX - this.x;
+            this.startY = event.screenY - this.y;
+            this.desktopCtrl.savePosition(this.window);
+            document.addEventListener('mousemove', this.mouseMove);
+            document.addEventListener('mouseup', this.mouseUp);
+            window.addEventListener('resize', this.resizeEventHandler);
+        };
+        this.previousView = () => {
+            if (!this.canNavigate() || this.disablePrevious)
+                return;
+            var activeView = this.desktopCtrl.getActiveView(this.window);
+            var activeViewIndex = this.window.views.indexOf(activeView);
+            if (this.cancelEditingOnNavigation)
+                activeView.isEditing = false;
+            activeView.active = false;
+            this.window.views[activeViewIndex - 1].active = true;
+            this.updateNavigationState();
+        };
+        this.nextView = () => {
+            if (!this.canNavigate() || this.disableNext)
+                return;
+            var activeView = this.desktopCtrl.getActiveView(this.window);
+            var activeViewIndex = this.window.views.indexOf(activeView);
+            if (this.cancelEditingOnNavigation)
+                activeView.isEditing = false;
+            activeView.active = false;
+            this.window.views[activeViewIndex + 1].active = true;
+            this.updateNavigationState();
+        };
+        this.save = () => {
+            this.dataContext.save();
+        };
+        this.revert = () => {
+            this.dataContext.revert();
+        };
+    }
+    ;
+    /**
+     * @tru.doc event
+     * @module tru.desktop.window
+     *
+     * @description
+     *
+     */
+    onKeydown(event) {
+        if (!this.window.active)
+            return;
+        var keySequence = this.desktopCtrl.getKeySequence(event);
+        if (keySequence === 'alt+left') { //Previous View
+            this.previousView();
+            event.preventDefault();
+        }
+        if (keySequence === 'alt+right') { //Next View
+            this.nextView();
+            event.preventDefault();
+        }
+        if (keySequence === 'alt+up') { //First View
+            this.firstView();
+            event.preventDefault();
+        }
+        if (keySequence === 'alt+down') { //Last View
+            this.lastView();
+            event.preventDefault();
+        }
+        if (keySequence === 'alt+l') { //Maximize left
+            if (!this.window.maximized) {
+                this.desktopCtrl.savePosition(this.window);
+                this.desktopCtrl.maximizeLeft(this.window);
+            }
+            else if (this.window.maximized === 'right' || this.window.maximized === 'fill')
+                this.desktopCtrl.maximizeLeft(this.window);
+            else
+                this.desktopCtrl.restoreSavedPosition(this.window);
+            event.preventDefault();
+        }
+        if (keySequence === 'alt+r') { //Maximize right
+            if (!this.window.maximized) {
+                this.desktopCtrl.savePosition(this.window);
+                this.desktopCtrl.maximizeRight(this.window);
+            }
+            else if (this.window.maximized === 'left' || this.window.maximized === 'fill')
+                this.desktopCtrl.maximizeRight(this.window);
+            else
+                this.desktopCtrl.restoreSavedPosition(this.window);
+            event.preventDefault();
+        }
+    }
+    ;
+    ngOnInit() {
+        this.canCloseFn = this.desktopCtrl.getOptions().canCloseFn;
+        this.canNavigateFn = this.desktopCtrl.getOptions().canNavigateFn;
+        this.cancelEditingOnNavigation = this.desktopCtrl.getOptions().cancelEditingOnNavigation;
+        this.updateNavigationState();
+        this.truWindowEventHandler.onAddView().subscribe((windiowAddViewEvent) => {
+            this.addView(windiowAddViewEvent);
+        });
+    }
+    ngAfterViewInit() {
+        this.cd.detectChanges();
+    }
+    ngOnDestroy() {
+        document.removeEventListener('mousemove', this.mouseMove);
+        document.removeEventListener('mouseup', this.mouseUp);
+        window.removeEventListener('resize', this.resizeEventHandler);
+    }
+}
+TruDesktopWindow.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopWindow, deps: [{ token: TruDataContext }, { token: TruWindowEventHandler }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+TruDesktopWindow.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruDesktopWindow, selector: "tru-desktop-window", inputs: { window: "window", viewportCtrl: "viewportCtrl", desktopCtrl: "desktopCtrl" }, providers: [TruDataContext, TruEntityAccessor, TruWindowEventHandler], ngImport: i0, template: "<div class=\"desktop-window-container\"\r\n     [ngClass]=\"{'desktop-window-active': window.active, 'desktop-window-maximized': window.maximized}\"\r\n     [ngStyle]=\"{'z-index': window.zIndex, 'top': window.top, 'left': window.left, 'right': window.right, 'bottom': window.bottom, 'height': window.height, 'width': window.width, 'min-height': window.minHeight, 'minWidth': window.minWidth}\"\r\n     [style.offsetLeft.px]=\"x\"\r\n     [style.offsetTop.px]=\"y\"\r\n     (mousedown)=\"activate()\"\r\n     [hidden]=\"window.minimized\">\r\n  <div class=\"desktop-window-header\" [ngClass]=\"{'desktop-window-maximized': window.maximized, 'desktop-window-opacity': !window.active}\">\r\n    <div class=\"toolbar-window-navigation\">\r\n      <tru-toolbar>\r\n        <tru-toolbar-button [icon]=\"'tru-toolbar-previous-icon'\" [tooltip]=\"'Go Back One View - [Alt + Left]'\" (click)=\"previousView()\"></tru-toolbar-button>\r\n        <tru-toolbar-button [icon]=\"'tru-toolbar-next-icon'\" [tooltip]=\"'Go Forward One View - [Alt + Right]'\" (click)=\"nextView()\"></tru-toolbar-button>\r\n        <tru-toolbar-button [icon]=\"'tru-toolbar-save-icon'\" class=\"desktop-window-save-icon\" [ngClass]=\"{'desktop-window-save-icon-has-changes': hasChanges()}\" [tooltip]=\"'Save - [Ctrl + S]'\" (click)=\"save()\"></tru-toolbar-button>\r\n        <tru-toolbar-button [icon]=\"'tru-toolbar-revert-icon'\" class=\"desktop-window-revert-icon\" [ngClass]=\"{'desktop-window-revert-icon-has-changes': hasChanges()}\" [tooltip]=\"'Revert - [Ctrl + Shift + R]'\" (click)=\"revert()\"></tru-toolbar-button>\r\n        <tru-toolbar-separator></tru-toolbar-separator>\r\n      </tru-toolbar>\r\n    </div>\r\n    <div class=\"desktop-window-title\" (dblclick)=\"maximize()\" (mousedown)=\"windowTitleMouseDown($event)\">\r\n      <div class=\"desktop-click-through\">\r\n        <div class=\"desktop-text\">{{window.title}}</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"desktop-window-action\">\r\n      <tru-toolbar>\r\n        <tru-toolbar-button [icon]=\"'tru-toolbar-minimize-icon'\" [tooltip]=\"'Minimize - [Alt + N]'\" (click)=\"minimize()\"></tru-toolbar-button>\r\n        <tru-toolbar-button *ngIf=\"!window.maximized\" [icon]=\"'tru-toolbar-maximize-icon'\" [tooltip]=\"'Go Forward One View - [Alt + Right]'\" (click)=\"maximize()\" class=\"maximize\"></tru-toolbar-button>\r\n        <tru-toolbar-button *ngIf=\"window.maximized\" [icon]=\"'tru-toolbar-restore-icon'\" [tooltip]=\"'Go Forward One View - [Alt + Right]'\" (click)=\"maximize()\" class=\"maximize\"></tru-toolbar-button>\r\n        <tru-toolbar-button [icon]=\"'tru-toolbar-close-icon'\" [tooltip]=\"'Close Window - [Alt + SHIFT + X]'\" (click)=\"close()\"></tru-toolbar-button>\r\n      </tru-toolbar>\r\n    </div>\r\n  </div>\r\n  <fieldset ng-disabled=\"!window.active\" class=\"desktop-window-fieldset\" [ngClass]=\"{'desktop-window-opacity': !window.active}\">\r\n    <div class=\"desktop-window-content\">\r\n      <div *ngFor=\"let view of window.views\">\r\n        <tru-desktop-view [view]=\"view\" [hidden]=\"!view.active\"><ng-template></ng-template></tru-desktop-view>\r\n      </div>\r\n    </div>\r\n  </fieldset>\r\n  <tru-desktop-statusbar></tru-desktop-statusbar>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-nw\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'nw'\"></span>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-ne\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'ne'\"></span>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-sw\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'sw'\"></span>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-se\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'se'\"></span>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-n\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'n'\"></span>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-s\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'s'\"></span>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-w\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'w'\"></span>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-e\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'e'\"></span>\r\n</div>\r\n", styles: ["body{-webkit-user-select:none;user-select:none}input,textarea{-moz-user-select:text}.desktop-text{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:14px;line-height:1;color:#333}.desktop-wrapper{position:absolute!important;inset:0;background:#ffffff;overflow:hidden}.desktop-relative{position:relative}.desktop-display-none{display:none}.desktop-click-through{pointer-events:none}.desktop-menubar-container{position:absolute!important;top:0;left:0;right:0;height:26px;background:#f8f8f8;border-bottom:1px solid #e7e7e7;padding-left:5px}\n", ".desktop-window-container{position:absolute!important;background-color:#fff;background-clip:padding-box;border-radius:0;box-shadow:0 5px 10px #0003;border:1px solid #e7e7e7}.desktop-window-header{position:absolute!important;top:0;left:0;right:0;height:27px;background:#ffffff;border-top-left-radius:0;border-top-right-radius:0;border-bottom:1px solid #e7e7e7}.desktop-window-content{position:absolute!important;inset:27px 0 23px;background:#ffffff;overflow:hidden}.desktop-window-busy-overlay{position:absolute!important;inset:27px 0 23px;background:#fff;overflow:hidden;z-index:1000;background-repeat:no-repeat;background-position:center center}.desktop-window-fieldset{padding:0;margin:0;border:0}.desktop-window-statusbar{position:absolute!important;left:0;right:0;bottom:0;height:23px;background:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:1px solid #e7e7e7}.desktop-window-statusbar-container{position:absolute;top:1px;left:2px;right:0}.desktop-window-navigation{position:absolute!important;top:0;left:0;bottom:0;width:105px;background:transparent}.desktop-window-navigation-button-group{position:absolute!important;left:0;padding:0;margin:0}.desktop-window-navigation-button-group button{margin-left:0!important}.desktop-window-navigation-button-group-split{position:absolute!important;top:2px;right:6px}.desktop-window-title{position:absolute!important;inset:0 80px 0 110px;height:27px;background:transparent;cursor:inherit;outline:0;margin-top:2px}.desktop-window-title-hidden-nav{left:5px!important}.desktop-window-title-hidden-nav-with-buttons{left:55px!important}.desktop-window-title>div{position:absolute!important;top:5px;left:3px;cursor:default}.desktop-window-title>div>div{font-size:14px;font-weight:700}.desktop-window-action{position:absolute!important;top:0;right:0;bottom:0;width:80px;background:transparent}.desktop-window-action-button-group{position:absolute!important;top:2px;right:6px}.desktop-window-action .desktop-window-navigation-button-group{left:unset!important;right:0!important}.desktop-window-opacity{opacity:.5}.desktop-window-close-button:hover{background-color:maroon;color:#fff}.desktop-window-active{border:1px solid #6b6b6b!important;box-shadow:0 5px 10px #0006}.desktop-window-maximized{border-radius:0;box-shadow:0 0 #0000;border-top-color:#f8f8f8!important;border-bottom-color:#f8f8f8!important}.desktop-window-is-dirty{display:block;float:left;height:15px;width:15px;font-size:15px;color:orange;margin-left:3px}.desktop-window-is-invalid{display:block;float:left;height:15px;width:15px;font-size:15px;color:red;margin-left:3px}.desktop-window-resizable-nw{position:absolute!important;overflow:hidden;width:10px;height:10px;left:-5px;top:-5px;z-index:103;cursor:nw-resize;opacity:0}.desktop-window-resizable-ne{position:absolute!important;overflow:hidden;width:10px;height:10px;right:-5px;top:-5px;z-index:103;cursor:ne-resize;opacity:0}.desktop-window-resizable-sw{position:absolute!important;overflow:hidden;width:10px;height:10px;left:-5px;bottom:-5px;z-index:103;cursor:sw-resize;opacity:0}.desktop-window-resizable-se{position:absolute!important;overflow:hidden;width:10px;height:10px;right:-5px;bottom:-5px;z-index:103;cursor:se-resize;opacity:0}.desktop-window-resizable-n{position:absolute!important;top:0;left:10px;right:10px;overflow:hidden;height:5px;z-index:102;cursor:s-resize;opacity:0;margin-top:-5px}.desktop-window-resizable-s{position:absolute!important;left:10px;right:10px;bottom:0;overflow:hidden;height:5px;z-index:102;cursor:s-resize;opacity:0;margin-bottom:-5px}.desktop-window-resizable-w{position:absolute!important;top:10px;left:0;bottom:10px;overflow:hidden;width:5px;z-index:102;cursor:w-resize;opacity:0;margin-left:-5px}.desktop-window-resizable-e{position:absolute!important;top:10px;right:0;bottom:10px;overflow:hidden;width:5px;z-index:102;cursor:e-resize;opacity:0;margin-right:-5px}div.desktop-window-resizable-handle{display:none!important;visibility:hidden!important}.desktop-window-save-icon,.desktop-window-revert-icon{opacity:.5}.desktop-window-save-icon-has-changes,.desktop-window-revert-icon-has-changes{opacity:1}\n"], dependencies: [{ 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: TruDesktopResizable, selector: "[tru-desktop-resizable]", inputs: ["window", "maximized", "direction"] }, { kind: "component", type: TruDesktopView, selector: "tru-desktop-view", inputs: ["view"] }, { kind: "component", type: TruDesktopStatusbar, selector: "tru-desktop-statusbar", inputs: ["desktopCtrl"] }, { kind: "component", type: TruToolbar, selector: "tru-toolbar", inputs: ["config"] }, { kind: "component", type: TruToolbarButton, selector: "tru-toolbar-button", inputs: ["config", "icon", "text", "disabled", "tooltip"], outputs: ["onClick"] }, { kind: "component", type: TruToolbarSeparator, selector: "tru-toolbar-separator" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopWindow, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-desktop-window', providers: [TruDataContext, TruEntityAccessor, TruWindowEventHandler], template: "<div class=\"desktop-window-container\"\r\n     [ngClass]=\"{'desktop-window-active': window.active, 'desktop-window-maximized': window.maximized}\"\r\n     [ngStyle]=\"{'z-index': window.zIndex, 'top': window.top, 'left': window.left, 'right': window.right, 'bottom': window.bottom, 'height': window.height, 'width': window.width, 'min-height': window.minHeight, 'minWidth': window.minWidth}\"\r\n     [style.offsetLeft.px]=\"x\"\r\n     [style.offsetTop.px]=\"y\"\r\n     (mousedown)=\"activate()\"\r\n     [hidden]=\"window.minimized\">\r\n  <div class=\"desktop-window-header\" [ngClass]=\"{'desktop-window-maximized': window.maximized, 'desktop-window-opacity': !window.active}\">\r\n    <div class=\"toolbar-window-navigation\">\r\n      <tru-toolbar>\r\n        <tru-toolbar-button [icon]=\"'tru-toolbar-previous-icon'\" [tooltip]=\"'Go Back One View - [Alt + Left]'\" (click)=\"previousView()\"></tru-toolbar-button>\r\n        <tru-toolbar-button [icon]=\"'tru-toolbar-next-icon'\" [tooltip]=\"'Go Forward One View - [Alt + Right]'\" (click)=\"nextView()\"></tru-toolbar-button>\r\n        <tru-toolbar-button [icon]=\"'tru-toolbar-save-icon'\" class=\"desktop-window-save-icon\" [ngClass]=\"{'desktop-window-save-icon-has-changes': hasChanges()}\" [tooltip]=\"'Save - [Ctrl + S]'\" (click)=\"save()\"></tru-toolbar-button>\r\n        <tru-toolbar-button [icon]=\"'tru-toolbar-revert-icon'\" class=\"desktop-window-revert-icon\" [ngClass]=\"{'desktop-window-revert-icon-has-changes': hasChanges()}\" [tooltip]=\"'Revert - [Ctrl + Shift + R]'\" (click)=\"revert()\"></tru-toolbar-button>\r\n        <tru-toolbar-separator></tru-toolbar-separator>\r\n      </tru-toolbar>\r\n    </div>\r\n    <div class=\"desktop-window-title\" (dblclick)=\"maximize()\" (mousedown)=\"windowTitleMouseDown($event)\">\r\n      <div class=\"desktop-click-through\">\r\n        <div class=\"desktop-text\">{{window.title}}</div>\r\n      </div>\r\n    </div>\r\n    <div class=\"desktop-window-action\">\r\n      <tru-toolbar>\r\n        <tru-toolbar-button [icon]=\"'tru-toolbar-minimize-icon'\" [tooltip]=\"'Minimize - [Alt + N]'\" (click)=\"minimize()\"></tru-toolbar-button>\r\n        <tru-toolbar-button *ngIf=\"!window.maximized\" [icon]=\"'tru-toolbar-maximize-icon'\" [tooltip]=\"'Go Forward One View - [Alt + Right]'\" (click)=\"maximize()\" class=\"maximize\"></tru-toolbar-button>\r\n        <tru-toolbar-button *ngIf=\"window.maximized\" [icon]=\"'tru-toolbar-restore-icon'\" [tooltip]=\"'Go Forward One View - [Alt + Right]'\" (click)=\"maximize()\" class=\"maximize\"></tru-toolbar-button>\r\n        <tru-toolbar-button [icon]=\"'tru-toolbar-close-icon'\" [tooltip]=\"'Close Window - [Alt + SHIFT + X]'\" (click)=\"close()\"></tru-toolbar-button>\r\n      </tru-toolbar>\r\n    </div>\r\n  </div>\r\n  <fieldset ng-disabled=\"!window.active\" class=\"desktop-window-fieldset\" [ngClass]=\"{'desktop-window-opacity': !window.active}\">\r\n    <div class=\"desktop-window-content\">\r\n      <div *ngFor=\"let view of window.views\">\r\n        <tru-desktop-view [view]=\"view\" [hidden]=\"!view.active\"><ng-template></ng-template></tru-desktop-view>\r\n      </div>\r\n    </div>\r\n  </fieldset>\r\n  <tru-desktop-statusbar></tru-desktop-statusbar>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-nw\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'nw'\"></span>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-ne\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'ne'\"></span>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-sw\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'sw'\"></span>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-se\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'se'\"></span>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-n\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'n'\"></span>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-s\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'s'\"></span>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-w\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'w'\"></span>\r\n  <span class=\"desktop-window-resizable-handle desktop-window-resizable-e\" tru-desktop-resizable [window]=\"window\" *ngIf=\"!window.maximized\" [direction]=\"'e'\"></span>\r\n</div>\r\n", styles: ["body{-webkit-user-select:none;user-select:none}input,textarea{-moz-user-select:text}.desktop-text{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:14px;line-height:1;color:#333}.desktop-wrapper{position:absolute!important;inset:0;background:#ffffff;overflow:hidden}.desktop-relative{position:relative}.desktop-display-none{display:none}.desktop-click-through{pointer-events:none}.desktop-menubar-container{position:absolute!important;top:0;left:0;right:0;height:26px;background:#f8f8f8;border-bottom:1px solid #e7e7e7;padding-left:5px}\n", ".desktop-window-container{position:absolute!important;background-color:#fff;background-clip:padding-box;border-radius:0;box-shadow:0 5px 10px #0003;border:1px solid #e7e7e7}.desktop-window-header{position:absolute!important;top:0;left:0;right:0;height:27px;background:#ffffff;border-top-left-radius:0;border-top-right-radius:0;border-bottom:1px solid #e7e7e7}.desktop-window-content{position:absolute!important;inset:27px 0 23px;background:#ffffff;overflow:hidden}.desktop-window-busy-overlay{position:absolute!important;inset:27px 0 23px;background:#fff;overflow:hidden;z-index:1000;background-repeat:no-repeat;background-position:center center}.desktop-window-fieldset{padding:0;margin:0;border:0}.desktop-window-statusbar{position:absolute!important;left:0;right:0;bottom:0;height:23px;background:#fff;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top:1px solid #e7e7e7}.desktop-window-statusbar-container{position:absolute;top:1px;left:2px;right:0}.desktop-window-navigation{position:absolute!important;top:0;left:0;bottom:0;width:105px;background:transparent}.desktop-window-navigation-button-group{position:absolute!important;left:0;padding:0;margin:0}.desktop-window-navigation-button-group button{margin-left:0!important}.desktop-window-navigation-button-group-split{position:absolute!important;top:2px;right:6px}.desktop-window-title{position:absolute!important;inset:0 80px 0 110px;height:27px;background:transparent;cursor:inherit;outline:0;margin-top:2px}.desktop-window-title-hidden-nav{left:5px!important}.desktop-window-title-hidden-nav-with-buttons{left:55px!important}.desktop-window-title>div{position:absolute!important;top:5px;left:3px;cursor:default}.desktop-window-title>div>div{font-size:14px;font-weight:700}.desktop-window-action{position:absolute!important;top:0;right:0;bottom:0;width:80px;background:transparent}.desktop-window-action-button-group{position:absolute!important;top:2px;right:6px}.desktop-window-action .desktop-window-navigation-button-group{left:unset!important;right:0!important}.desktop-window-opacity{opacity:.5}.desktop-window-close-button:hover{background-color:maroon;color:#fff}.desktop-window-active{border:1px solid #6b6b6b!important;box-shadow:0 5px 10px #0006}.desktop-window-maximized{border-radius:0;box-shadow:0 0 #0000;border-top-color:#f8f8f8!important;border-bottom-color:#f8f8f8!important}.desktop-window-is-dirty{display:block;float:left;height:15px;width:15px;font-size:15px;color:orange;margin-left:3px}.desktop-window-is-invalid{display:block;float:left;height:15px;width:15px;font-size:15px;color:red;margin-left:3px}.desktop-window-resizable-nw{position:absolute!important;overflow:hidden;width:10px;height:10px;left:-5px;top:-5px;z-index:103;cursor:nw-resize;opacity:0}.desktop-window-resizable-ne{position:absolute!important;overflow:hidden;width:10px;height:10px;right:-5px;top:-5px;z-index:103;cursor:ne-resize;opacity:0}.desktop-window-resizable-sw{position:absolute!important;overflow:hidden;width:10px;height:10px;left:-5px;bottom:-5px;z-index:103;cursor:sw-resize;opacity:0}.desktop-window-resizable-se{position:absolute!important;overflow:hidden;width:10px;height:10px;right:-5px;bottom:-5px;z-index:103;cursor:se-resize;opacity:0}.desktop-window-resizable-n{position:absolute!important;top:0;left:10px;right:10px;overflow:hidden;height:5px;z-index:102;cursor:s-resize;opacity:0;margin-top:-5px}.desktop-window-resizable-s{position:absolute!important;left:10px;right:10px;bottom:0;overflow:hidden;height:5px;z-index:102;cursor:s-resize;opacity:0;margin-bottom:-5px}.desktop-window-resizable-w{position:absolute!important;top:10px;left:0;bottom:10px;overflow:hidden;width:5px;z-index:102;cursor:w-resize;opacity:0;margin-left:-5px}.desktop-window-resizable-e{position:absolute!important;top:10px;right:0;bottom:10px;overflow:hidden;width:5px;z-index:102;cursor:e-resize;opacity:0;margin-right:-5px}div.desktop-window-resizable-handle{display:none!important;visibility:hidden!important}.desktop-window-save-icon,.desktop-window-revert-icon{opacity:.5}.desktop-window-save-icon-has-changes,.desktop-window-revert-icon-has-changes{opacity:1}\n"] }]
+        }], ctorParameters: function () { return [{ type: TruDataContext }, { type: TruWindowEventHandler }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { window: [{
+                type: Input
+            }], viewportCtrl: [{
+                type: Input
+            }], desktopCtrl: [{
+                type: Input
+            }] } });
+
+class TruDesktopViewport {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+        this.options = null;
+        this.getViewportDimensions = () => {
+            var viewportContainerElement = this.elementRef.nativeElement.querySelectorAll(".desktop-viewport-container")[0];
+            this.dimensions = {
+                height: viewportContainerElement.clientHeight,
+                width: viewportContainerElement.clientWidth
+            };
+            return this.dimensions;
+        };
+        this.mouseMove = (event) => {
+            this.showFillOutline = event.pageY <= this.options.viewportTop;
+            this.showLeftOutline = event.pageX <= 0;
+            this.showRightOutline = event.pageX >= this.dimensions.width - 1;
+        };
+        this.mouseUp = (event) => {
+            this.showFillOutline = false;
+            this.showLeftOutline = false;
+            this.showRightOutline = false;
+            document.removeEventListener('mousemove', this.mouseMove);
+            document.removeEventListener('mouseup', this.mouseUp);
+        };
+        this.dimensions = { height: null, width: null };
+        this.showFillOutline = false;
+        this.showLeftOutline = false;
+        this.showRightOutline = false;
+        this.displayViewportDimensions = false;
+        this.logoUrl = undefined;
+        this.viewportMouseDown = (event) => {
+            //Ignore resize events.
+            if (event.target.nodeName.toLowerCase() === 'span')
+                return;
+            document.addEventListener('mousemove', this.mouseMove);
+            document.addEventListener('mouseup', this.mouseUp);
+        };
+    }
+    /**
+     * @tru.doc $watch function
+     * @name truDesktopViewportComponent.visibilityWatch
+     * @module tru.desktop.viewport
+     * @function
+     *
+     * @description
+     * Monitors for visibility changes. This method is responsible for updating the viewport
+     * dimensions in situations where the viewport is initially hidden.
+     *
+     */
+    //$watch(function() {
+    //  //Emulates jQuery's $(element).is(':visible')
+    //  return this.elementRef.nativeElement.offsetWidth > 0 && this.elementRef.nativeElement.offsetHeight > 0;
+    //}, function() {
+    //  this.dimensions = {
+    //    height: this.elementRef.nativeElement.clientHeight,
+    //    width: this.elementRef.nativeElement.clientWidth
+    //  };
+    //});
+    /**
+     * @tru.doc window.resize
+     * @name truDesktopViewportComponent.resize
+     * @module tru.desktop.viewport
+     * @function
+     *
+     * @description
+     * This method is responsible for updating the viewport dimensions when the
+     * browser window has been re-sized.
+     *
+     */
+    onResize(event) {
+        var viewportContainerElement = this.elementRef.nativeElement.querySelectorAll(".desktop-viewport-container")[0];
+        this.dimensions = {
+            height: viewportContainerElement.clientHeight,
+            width: viewportContainerElement.clientWidth
+        };
+    }
+    ;
+    //document.querySelectorAll(".desktop-viewport-container")[0].onscroll = function (event) {
+    //  event.preventDefault();
+    //  document.querySelectorAll(".desktop-viewport-container")[0].scrollTop = 0;
+    //};
+    ngOnInit() {
+        this.options = this.desktopCtrl.getOptions();
+        this.displayViewportDimensions = this.options.displayViewportDimensions;
+        this.logoUrl = this.options.logoUrl;
+    }
+    ngOnDestroy() {
+        document.removeEventListener('mousemove', this.mouseMove);
+        document.removeEventListener('mouseup', this.mouseUp);
+    }
+}
+TruDesktopViewport.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopViewport, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TruDesktopViewport.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruDesktopViewport, selector: "tru-desktop-viewport", inputs: { windows: "windows", desktopCtrl: "desktopCtrl" }, host: { listeners: { "window:resize": "onResize($event)" } }, ngImport: i0, template: "<div class=\"desktop-viewport-container\" [ngStyle]=\"{'top': options.viewportTop + 'px' }\" (mousedown)=\"viewportMouseDown($event)\">\r\n  <span class=\"desktop-viewport-dimensions desktop-text\" *ngIf=\"displayViewportDimensions\">{{dimensions.height}} x {{dimensions.width}}</span>\r\n  <div *ngFor=\"let window of windows\" class=\"am-fade-and-scale\">\r\n    <tru-desktop-window [window]=\"window\" [viewportCtrl]=\"this\" [desktopCtrl]=\"this.desktopCtrl\"></tru-desktop-window>\r\n  </div>\r\n  <div class=\"desktop-viewport-fill-outline\" *ngIf=\"showFillOutline\"></div>\r\n  <div class=\"desktop-viewport-left-outline\" *ngIf=\"showLeftOutline\"></div>\r\n  <div class=\"desktop-viewport-right-outline\" *ngIf=\"showRightOutline\"></div>\r\n</div>\r\n", styles: [".desktop-viewport-container{position:absolute!important;inset:33px 0 42px;background:white;overflow:hidden}.desktop-viewport-dimensions{position:absolute!important;right:0;bottom:0}.desktop-viewport-fill-outline{position:absolute;inset:0;width:auto;height:auto;border:1px dashed #000000}.desktop-viewport-left-outline{position:absolute;top:0;left:0;bottom:0;width:49.9%;height:auto;border:1px dashed #000000}.desktop-viewport-right-outline{position:absolute;inset:0 0 0 50.1%;width:49.8%;height:auto;border:1px dashed #000000}.desktop-viewport-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}\n"], dependencies: [{ 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.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TruDesktopWindow, selector: "tru-desktop-window", inputs: ["window", "viewportCtrl", "desktopCtrl"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopViewport, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-desktop-viewport', template: "<div class=\"desktop-viewport-container\" [ngStyle]=\"{'top': options.viewportTop + 'px' }\" (mousedown)=\"viewportMouseDown($event)\">\r\n  <span class=\"desktop-viewport-dimensions desktop-text\" *ngIf=\"displayViewportDimensions\">{{dimensions.height}} x {{dimensions.width}}</span>\r\n  <div *ngFor=\"let window of windows\" class=\"am-fade-and-scale\">\r\n    <tru-desktop-window [window]=\"window\" [viewportCtrl]=\"this\" [desktopCtrl]=\"this.desktopCtrl\"></tru-desktop-window>\r\n  </div>\r\n  <div class=\"desktop-viewport-fill-outline\" *ngIf=\"showFillOutline\"></div>\r\n  <div class=\"desktop-viewport-left-outline\" *ngIf=\"showLeftOutline\"></div>\r\n  <div class=\"desktop-viewport-right-outline\" *ngIf=\"showRightOutline\"></div>\r\n</div>\r\n", styles: [".desktop-viewport-container{position:absolute!important;inset:33px 0 42px;background:white;overflow:hidden}.desktop-viewport-dimensions{position:absolute!important;right:0;bottom:0}.desktop-viewport-fill-outline{position:absolute;inset:0;width:auto;height:auto;border:1px dashed #000000}.desktop-viewport-left-outline{position:absolute;top:0;left:0;bottom:0;width:49.9%;height:auto;border:1px dashed #000000}.desktop-viewport-right-outline{position:absolute;inset:0 0 0 50.1%;width:49.8%;height:auto;border:1px dashed #000000}.desktop-viewport-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { windows: [{
+                type: Input
+            }], desktopCtrl: [{
+                type: Input
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize', ['$event']]
+            }] } });
+
+class TruDesktop {
+    constructor(desktopService, truWindowEventHandler) {
+        this.desktopService = desktopService;
+        this.truWindowEventHandler = truWindowEventHandler;
+        this.minimizeAll = false;
+        this.desktop = this.desktopService.createDesktop();
+        this.minWindowCascadePosition = 40;
+        this.maxWindowCascadePosition = 100;
+        this.lastWindowCascadePosition = { top: this.minWindowCascadePosition, left: this.minWindowCascadePosition };
+        this.shiftPressed = false;
+        this.altPressed = false;
+        this.xPressed = false;
+        this.keyboardMap = ["", "", "", "CANCEL", "", "", "HELP", "", "BACK_SPACE", "TAB", "", "", "CLEAR", "ENTER", "RETURN", "", "SHIFT", "CONTROL", "ALT", "PAUSE", "CAPS_LOCK", "KANA", "EISU", "JUNJA", "FINAL", "HANJA", "", "ESCAPE", "CONVERT", "NONCONVERT", "ACCEPT", "MODECHANGE", "SPACE", "PAGE_UP", "PAGE_DOWN", "END", "HOME", "LEFT", "UP", "RIGHT", "DOWN", "SELECT", "PRINT", "EXECUTE", "PRINTSCREEN", "INSERT", "DELETE", "", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "COLON", "SEMICOLON", "LESS_THAN", "EQUALS", "GREATER_THAN", "QUESTION_MARK", "AT", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z", "WIN", "", "CONTEXT_MENU", "", "SLEEP", "NUMPAD0", "NUMPAD1", "NUMPAD2", "NUMPAD3", "NUMPAD4", "NUMPAD5", "NUMPAD6", "NUMPAD7", "NUMPAD8", "NUMPAD9", "MULTIPLY", "ADD", "SEPARATOR", "SUBTRACT", "DECIMAL", "DIVIDE", "F1", "F2", "F3", "F4", "F5", "F6", "F7", "F8", "F9", "F10", "F11", "F12", "F13", "F14", "F15", "F16", "F17", "F18", "F19", "F20", "F21", "F22", "F23", "F24", "", "", "", "", "", "", "", "", "NUM_LOCK", "SCROLL_LOCK", "WIN_OEM_FJ_JISHO", "WIN_OEM_FJ_MASSHOU", "WIN_OEM_FJ_TOUROKU", "WIN_OEM_FJ_LOYA", "WIN_OEM_FJ_ROYA", "", "", "", "", "", "", "", "", "", "CIRCUMFLEX", "EXCLAMATION", "DOUBLE_QUOTE", "HASH", "DOLLAR", "PERCENT", "AMPERSAND", "UNDERSCORE", "OPEN_PAREN", "CLOSE_PAREN", "ASTERISK", "PLUS", "PIPE", "HYPHEN_MINUS", "OPEN_CURLY_BRACKET", "CLOSE_CURLY_BRACKET", "TILDE", "", "", "", "", "VOLUME_MUTE", "VOLUME_DOWN", "VOLUME_UP", "", "", "", "", "COMMA", "", "PERIOD", "SLASH", "BACK_QUOTE", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "", "OPEN_BRACKET", "BACK_SLASH", "CLOSE_BRACKET", "QUOTE", "", "META", "ALTGR", "", "WIN_ICO_HELP", "WIN_ICO_00", "", "WIN_ICO_CLEAR", "", "", "WIN_OEM_RESET", "WIN_OEM_JUMP", "WIN_OEM_PA1", "WIN_OEM_PA2", "WIN_OEM_PA3", "WIN_OEM_WSCTRL", "WIN_OEM_CUSEL", "WIN_OEM_ATTN", "WIN_OEM_FINISH", "WIN_OEM_COPY", "WIN_OEM_AUTO", "WIN_OEM_ENLW", "WIN_OEM_BACKTAB", "ATTN", "CRSEL", "EXSEL", "EREOF", "PLAY", "ZOOM", "", "PA1", "WIN_OEM_CLEAR", ""];
+        this.logoUrl = null;
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.getDesktop
+         * @module tru.desktop
+         *
+         * @description
+         * Return an object of desktop.
+         *
+         * @returns {object} desktop.
+         */
+        this.getDesktop = () => {
+            return this.desktop;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.getOptions
+         * @module tru.desktop
+         *
+         * @description
+         * Return an object of desktop options.
+         *
+         * @returns {object} options.
+         */
+        this.getOptions = () => {
+            return this.options;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.getWindows
+         * @module tru.desktop
+         *
+         * @description
+         * Return an array of windows.
+         *
+         * @returns {array} windows.
+         */
+        this.getWindows = () => {
+            return this.windows;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.getNextMaxZIndex
+         * @module tru.desktop
+         *
+         * @description
+         * Iterates through all window objects in the windows array to find the max z-index
+         * and increases the value found by 1.
+         *
+         * @returns {int}
+         */
+        this.getNextMaxZIndex = () => {
+            var max = 0;
+            var tmp;
+            for (var i = this.windows.length - 1; i >= 0; i--) {
+                tmp = this.windows[i].zIndex;
+                if (tmp > max)
+                    max = tmp;
+            }
+            return ++max;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.clearActive
+         * @module tru.desktop
+         *
+         * @description
+         * Iterates through all window objects in the windows
+         * and sets the active property to false.
+         *
+         */
+        this.clearActive = () => {
+            this.windows.forEach((window) => {
+                window.active = false;
+            });
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.getActiveWindow
+         * @module tru.desktop
+         *
+         * @description
+         * Gets the active window.
+         *
+         * @returns {object} view object.
+         */
+        this.getActiveWindow = () => {
+            var activeWindow = null;
+            this.windows.forEach((wdw) => {
+                if (wdw.active === true) {
+                    activeWindow = wdw;
+                }
+            });
+            return activeWindow;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.getActiveView
+         * @module tru.desktop
+         *
+         * @description
+         * Gets the active view.
+         *
+         * @returns {object} view object.
+         */
+        this.getActiveView = (wdw) => {
+            var activeView = null;
+            wdw.views.forEach((view) => {
+                if (view.active === true) {
+                    activeView = view;
+                }
+            });
+            return activeView;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.allWindowsAreMinimized
+         * @module tru.desktop
+         *
+         * @description
+         * Iterates through windows to determine if all are minimized.
+         *
+         */
+        this.allWindowsAreMinimized = () => {
+            var allMinimized = true;
+            this.windows.forEach((window) => {
+                if (!window.minimized) {
+                    allMinimized = false;
+                }
+            });
+            return allMinimized;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.hideShowAll
+         * @module tru.desktop
+         *
+         * @description
+         * Hides/shows all windows
+         *
+         */
+        this.hideShowAll = () => {
+            this.minimizeAll = this.allWindowsAreMinimized() ? false : !this.minimizeAll;
+            this.windows.forEach((wdw) => {
+                if (wdw.outOfBounds)
+                    this.recover(wdw);
+                wdw.active = false;
+                wdw.minimized = this.minimizeAll;
+            });
+            this.activateForemostWindow();
+            return this.minimizeAll;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.findWindowViewDirective
+         * @module tru.desktop
+         *
+         * @description
+         * Looks for previously open window with a view directive
+         *
+         */
+        this.findWindowViewDirective = (windowViewDirective) => {
+            for (let i = 0; i < this.windows.length; i++) {
+                for (let j = 0; j < this.windows[i].views.length; j++) {
+                    if (this.windows[i].views[0].viewDirective === windowViewDirective)
+                        return this.windows[i];
+                }
+            }
+            return null;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.openWindow
+         * @module tru.desktop
+         *
+         * @description
+         * Displays a new window. All window properties defined by the application developer will be
+         * overlaid here before displaying the window
+         *
+         */
+        this.openWindow = (windowConfigOverlays, singleInstance) => {
+            let activeWindow = this.getActiveWindow();
+            if (activeWindow && activeWindow.isModal) {
+                activeWindow.invalidOperation = true;
+                return;
+            }
+            if (singleInstance) {
+                let window = this.findWindowViewDirective(windowConfigOverlays.views[0].viewDirective);
+                if (window) {
+                    this.updateWindowState(window);
+                    return;
+                }
+            }
+            if (windowConfigOverlays.isModal) {
+                let heightOffset = (parseInt(windowConfigOverlays.height, 10) / 2) + 30;
+                let widthOffset = (parseInt(windowConfigOverlays.width, 10) / 2);
+                windowConfigOverlays.top = 'calc(50% - ' + heightOffset + 'px )';
+                windowConfigOverlays.left = 'calc(50% - ' + widthOffset + 'px )';
+            }
+            this.clearActive();
+            let configuredWindow = this.configureWindow(windowConfigOverlays);
+            configuredWindow.views = this.configureViews(windowConfigOverlays, configuredWindow);
+            if (!configuredWindow.isModal) {
+                configuredWindow.cascadeWindow = false;
+                this.savePosition(configuredWindow);
+                this.maximize(configuredWindow);
+                this.windows.push(configuredWindow);
+            }
+            else {
+                this.windows.push(configuredWindow);
+            }
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.configureWindow
+         * @module tru.desktop
+         *
+         * @description
+         * Creates a new window instance.
+         *
+         */
+        this.configureWindow = (windowConfigOverlays) => {
+            var windowConfigInstance = Object.assign({}, this.desktop.windowConfig);
+            windowConfigInstance.savedPosition = Object.create({ top: 0, left: 0, right: 0, bottom: 0, height: 0, width: 0 });
+            windowConfigInstance.zIndex = this.getNextMaxZIndex();
+            //windowConfigInstance.globals = Object.assign({}, $rootScope.$eval(this.options.globals));
+            return Object.assign(windowConfigInstance, windowConfigOverlays);
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.configureViews
+         * @module tru.desktop
+         *
+         * @description
+         * Creates one or more view instances
+         *
+         */
+        this.configureViews = (windowConfigOverlays, configuredWindow) => {
+            let configuredViews = [];
+            windowConfigOverlays.views.forEach((view) => {
+                let viewConfigInstance = Object.assign({}, this.desktop.viewConfig);
+                //viewConfigInstance.globals = this.options.globals;
+                let configuredView = Object.assign(viewConfigInstance, view);
+                configuredView.window = configuredWindow;
+                configuredViews.push(configuredView);
+            });
+            return configuredViews;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.closeWindow
+         * @module tru.desktop
+         *
+         * @description
+         * Remove a window {object} from the windows array.
+         *
+         * @returns {boolean} returns true if window was closed, false if not closed.
+         */
+        this.closeWindow = (wdw) => {
+            if (!this.options.allowDirtyClose && wdw.isDirty) {
+                alert("Unsaved Changes. Save changes before closing window.");
+                return false;
+            }
+            if (!this.options.allowInvalidClose && wdw.isInvalid) {
+                alert("Data is invalid. Correct Invalid data before closing window.");
+                return false;
+            }
+            if (this.options.canCloseFn !== undefined) {
+                if (this.options.canCloseFn(wdw)) {
+                    this.windows.splice(this.windows.indexOf(wdw), 1);
+                    this.activateForemostWindow();
+                    return true;
+                }
+                ;
+            }
+            else {
+                this.windows.splice(this.windows.indexOf(wdw), 1);
+                this.activateForemostWindow();
+                return true;
+            }
+            return false;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.activateForemostWindow
+         * @module tru.desktop
+         *
+         * @description
+         * Set the foremost window to an active state
+         *
+         */
+        this.activateForemostWindow = () => {
+            var foremost = undefined;
+            for (var i = 0; i < this.windows.length; i++) {
+                if ((foremost === undefined || this.windows[i].zIndex > foremost.zIndex) && !this.windows[i].minimized && !this.windows[i].outOfBounds)
+                    foremost = this.windows[i];
+            }
+            if (foremost)
+                foremost.active = true;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.activateNextWindow
+         * @module tru.desktop
+         *
+         * @description
+         * Set the next window to an active state
+         *
+         */
+        this.activateNextWindow = (activeWindowLocation) => {
+            if (this.windows.length <= 1)
+                return;
+            var backend = this.windows.slice(activeWindowLocation);
+            var frontend = this.windows.slice(0, activeWindowLocation - 1);
+            var sorted = backend.concat(frontend);
+            var nextWindow = undefined;
+            for (var i = 0; i < sorted.length; i++) {
+                if (!sorted[i].minimized && !sorted[i].outOfBounds && !nextWindow)
+                    nextWindow = sorted[i];
+            }
+            if (nextWindow) {
+                this.clearActive();
+                nextWindow.zIndex = this.getNextMaxZIndex();
+                nextWindow.active = true;
+            }
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.activatePreviousWindow
+         * @module tru.desktop
+         *
+         * @description
+         * Set the previous window to an active state
+         *
+         */
+        this.activatePreviousWindow = (activeWindowLocation) => {
+            if (this.windows.length <= 1)
+                return;
+            var backend = this.windows.slice(activeWindowLocation);
+            var frontend = this.windows.slice(0, activeWindowLocation - 1);
+            var sorted = backend.concat(frontend);
+            var nextWindow = undefined;
+            for (var i = sorted.length - 1; i >= 0; i--) {
+                if (!sorted[i].minimized && !sorted[i].outOfBounds && !nextWindow)
+                    nextWindow = sorted[i];
+            }
+            if (nextWindow) {
+                this.clearActive();
+                nextWindow.zIndex = this.getNextMaxZIndex();
+                nextWindow.active = true;
+            }
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.minimize
+         * @module tru.desktop
+         *
+         * @description
+         * Visually removes window from the viewport.
+         *
+         */
+        this.minimize = (window) => {
+            this.savePosition(window);
+            window.active = false;
+            window.minimized = true;
+            this.activateForemostWindow();
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.maximize
+         * @module tru.desktop
+         *
+         * @description
+         * Positions window such that it fills the whole viewport.
+         *
+         */
+        this.maximize = (window) => {
+            window.top = 0;
+            window.left = 0;
+            window.right = 0;
+            window.bottom = 0;
+            window.height = 'auto';
+            window.width = '100%';
+            window.maximized = 'fill';
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.maximizeLeft
+         * @module tru.desktop
+         *
+         * @description
+         * Positions window such that it fills the left portion viewport.
+         *
+         */
+        this.maximizeLeft = (window) => {
+            window.split = true;
+            window.top = 0;
+            window.left = 0;
+            window.bottom = 0;
+            window.width = '50%';
+            window.height = 'auto';
+            window.maximized = 'left';
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.maximizeRight
+         * @module tru.desktop
+         *
+         * @description
+         * Positions window such that it fills the right portion viewport.
+         *
+         */
+        this.maximizeRight = (window) => {
+            window.top = 0;
+            window.left = '50%';
+            window.right = 0;
+            window.bottom = 0;
+            window.width = '50%';
+            window.height = 'auto';
+            window.maximized = 'right';
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.recover
+         * @module tru.desktop
+         *
+         * @description
+         * Brings window back into view when it has escaped the viewport.
+         *
+         */
+        this.recover = (window) => {
+            window.active = true;
+            window.outOfBounds = false;
+            window.minimized = false;
+            window.zIndex = this.getNextMaxZIndex();
+            this.cascadeWindow(window);
+            this.clearActive();
+            this.activateForemostWindow();
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.restore
+         * @module tru.desktop
+         *
+         * @description
+         *
+         */
+        this.restore = (wdw) => {
+            if (wdw.maximized === 'fill') {
+                this.maximize(wdw);
+            }
+            else if (wdw.maximized === 'left') {
+                this.maximizeLeft(wdw);
+            }
+            else if (wdw.maximized === 'right') {
+                this.maximizeRight(wdw);
+            }
+            this.updateWindowState(wdw);
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.bringToFront
+         * @module tru.desktop
+         *
+         * @description
+         *
+         */
+        this.updateWindowState = (wdw) => {
+            if (wdw.outOfBounds) {
+                this.recover(wdw);
+                return;
+            }
+            if (wdw.maximized === 'fill') {
+                this.maximize(wdw);
+            }
+            else if (wdw.maximized === 'left') {
+                this.maximizeLeft(wdw);
+            }
+            else if (wdw.maximized === 'right') {
+                this.maximizeRight(wdw);
+            }
+            this.clearActive();
+            wdw.active = true;
+            wdw.minimized = false;
+            wdw.zIndex = this.getNextMaxZIndex();
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.restoreSavedPosition
+         * @module tru.desktop
+         *
+         * @description
+         * Set the windows last know position to the current position.
+         *
+         */
+        this.restoreSavedPosition = (wdw) => {
+            this.clearActive();
+            wdw.top = wdw.savedPosition.top;
+            wdw.left = wdw.savedPosition.left;
+            wdw.right = wdw.savedPosition.right;
+            wdw.bottom = wdw.savedPosition.bottom;
+            wdw.height = wdw.savedPosition.height;
+            wdw.width = wdw.savedPosition.width;
+            wdw.maximized = undefined;
+            wdw.minimized = undefined;
+            wdw.active = true;
+            wdw.minimized = false;
+            wdw.zIndex = this.getNextMaxZIndex();
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.savePosition
+         * @module tru.desktop
+         *
+         * @description
+         * Save the windows last know position.
+         *
+         */
+        this.savePosition = (wdw) => {
+            wdw.savedPosition.top = wdw.top;
+            wdw.savedPosition.left = wdw.left;
+            wdw.savedPosition.right = wdw.right;
+            wdw.savedPosition.bottom = wdw.bottom;
+            wdw.savedPosition.height = wdw.height;
+            wdw.savedPosition.width = wdw.width;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.closeWindow
+         * @module tru.desktop
+         *
+         * @description
+         * Moves a window to the next cascade position.
+         *
+         */
+        this.cascadeWindow = (window) => {
+            if (!this.options.enableWindowCascading || window.isModal)
+                return;
+            this.lastWindowCascadePosition.top += 10;
+            this.lastWindowCascadePosition.left += 10;
+            if (this.lastWindowCascadePosition.top > this.maxWindowCascadePosition)
+                this.lastWindowCascadePosition.top = this.minWindowCascadePosition;
+            if (this.lastWindowCascadePosition.left > this.maxWindowCascadePosition)
+                this.lastWindowCascadePosition.left = this.minWindowCascadePosition;
+            window.top = this.lastWindowCascadePosition.top + 'px';
+            window.left = this.lastWindowCascadePosition.left + 'px';
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.getKeyCode
+         * @module tru.desktop
+         *
+         * @description
+         *
+         */
+        this.getKeySequence = (event) => {
+            var keys = [];
+            if (event.shiftKey)
+                keys.push('shift');
+            if (event.ctrlKey)
+                keys.push('ctrl');
+            if (event.altKey)
+                keys.push('alt');
+            if (event.metaKey)
+                keys.push('meta');
+            var keyCode = event.keyCode || event.which;
+            if (keyCode)
+                keys.push(this.keyboardMap[keyCode].toLowerCase());
+            return keys.join('+');
+        };
+        /**
+         * @tru.doc event
+         * @module tru.desktop
+         *
+         * @description
+         *
+         */
+        this.onKeyDown = (event) => {
+            var keySequence = this.getKeySequence(event);
+            if (keySequence === 'alt+m') { //Maximize
+                var activeWindow = this.getActiveWindow();
+                if (activeWindow === null)
+                    return;
+                if (!activeWindow.maximized) {
+                    this.savePosition(activeWindow);
+                    this.maximize(activeWindow);
+                }
+                else if (activeWindow.maximized === 'right' || activeWindow.maximized === 'left')
+                    this.maximize(activeWindow);
+                else
+                    this.restoreSavedPosition(activeWindow);
+                event.preventDefault();
+            }
+            if (keySequence === 'alt+n') { //Minimize
+                var activeWindow = this.getActiveWindow();
+                if (activeWindow === null || activeWindow.minimized)
+                    return;
+                this.minimize(activeWindow);
+                event.preventDefault();
+            }
+            if (keySequence === 'alt+w') { //Cycles Forward
+                var index = this.windows.indexOf(this.getActiveWindow());
+                this.activateNextWindow(index + 1);
+                event.preventDefault();
+            }
+            if (keySequence === 'shift+alt+w') { //Cycles Backward
+                var index = this.windows.indexOf(this.getActiveWindow());
+                this.activatePreviousWindow(index + 1);
+                event.preventDefault();
+            }
+            if (keySequence === 'shift+alt+x' && !(this.shiftPressed && this.altPressed && this.xPressed)) { //Close
+                var activeWindow = this.getActiveWindow();
+                if (!activeWindow)
+                    return;
+                this.closeWindow(activeWindow);
+                event.preventDefault();
+            }
+            if (keySequence === 'alt+d') { //Toggle Desktop
+                //this.desktopShown = this.hideShowAll();
+                event.preventDefault();
+            }
+            if (event.shiftKey)
+                this.shiftPressed = true;
+            if (event.altKey)
+                this.altPressed = true;
+            if (event.keyCode === 88)
+                this.xPressed = true;
+        };
+        this.onKeyUp = (event) => {
+            if (event.shiftKey)
+                this.shiftPressed = false;
+            if (event.altKey)
+                this.altPressed = false;
+            if (event.keyCode === 88)
+                this.xPressed = false;
+        };
+        /**
+         * @tru.doc function
+         * @name truDesktopComponent.handleSelectAttempt
+         * @module tru.desktop
+         *
+         * @description
+         * Prevents the user from highlight desktop elements.
+         *
+         */
+        this.handleSelectAttempt = (e) => {
+            var nodeName = e.target.nodeName.toLowerCase();
+            if (nodeName === 'input' || nodeName === 'textarea' || nodeName === 'select')
+                return true;
+            if (window.event) {
+                e.preventDefault();
+            }
+            return true;
+        };
+        this.windows = [];
+    }
+    ngOnInit() {
+        this.logoUrl = this.options.logoUrl;
+        this.options = Object.assign(this.desktop.options, this.options);
+        this.options.viewportTop = this.options.menubarConfig !== undefined ? this.options.menubarHeight + 1 : 0;
+        this.truWindowEventHandler.onOpen().subscribe((windiowEvent) => {
+            this.openWindow(windiowEvent, false);
+        });
+        document.onselectstart = this.handleSelectAttempt;
+        window.addEventListener('keydown', this.onKeyDown);
+        window.addEventListener('keyup', this.onKeyUp);
+    }
+    ngOnDestroy() {
+        window.removeEventListener('keydown', this.onKeyDown);
+        window.removeEventListener('keyup', this.onKeyUp);
+    }
+}
+TruDesktop.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktop, deps: [{ token: TruDesktopService }, { token: TruWindowEventHandler }], target: i0.ɵɵFactoryTarget.Component });
+TruDesktop.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruDesktop, selector: "tru-desktop", inputs: { options: "options" }, providers: [TruDesktopService], ngImport: i0, template: "<div class=\"desktop-wrapper\">\r\n\r\n  <div class=\"desktop-menubar-container\" [ngStyle]=\"{'height': options.menubarHeight + 'px'}\">\r\n    <tru-desktop-menubar [desktopCtrl]=\"this\"></tru-desktop-menubar>\r\n  </div>\r\n\r\n  <tru-desktop-viewport [windows]=\"windows\" [desktopCtrl]=\"this\"></tru-desktop-viewport>\r\n\r\n  <tru-desktop-taskbar [windows]=\"windows\" [desktopCtrl]=\"this\"></tru-desktop-taskbar>\r\n\r\n  <img class=\"desktop-viewport-logo\" data-ng-show=\"logoUrl\" alt=\"\">\r\n</div>\r\n", styles: ["body{-webkit-user-select:none;user-select:none}input,textarea{-moz-user-select:text}.desktop-text{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:14px;line-height:1;color:#333}.desktop-wrapper{position:absolute!important;inset:0;background:#ffffff;overflow:hidden}.desktop-relative{position:relative}.desktop-display-none{display:none}.desktop-click-through{pointer-events:none}.desktop-menubar-container{position:absolute!important;top:0;left:0;right:0;height:26px;background:#f8f8f8;border-bottom:1px solid #e7e7e7;padding-left:5px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TruDesktopMenubar, selector: "tru-desktop-menubar", inputs: ["desktopCtrl"] }, { kind: "component", type: TruDesktopTaskbar, selector: "tru-desktop-taskbar", inputs: ["windows", "desktopCtrl"] }, { kind: "component", type: TruDesktopViewport, selector: "tru-desktop-viewport", inputs: ["windows", "desktopCtrl"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktop, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-desktop', providers: [TruDesktopService], template: "<div class=\"desktop-wrapper\">\r\n\r\n  <div class=\"desktop-menubar-container\" [ngStyle]=\"{'height': options.menubarHeight + 'px'}\">\r\n    <tru-desktop-menubar [desktopCtrl]=\"this\"></tru-desktop-menubar>\r\n  </div>\r\n\r\n  <tru-desktop-viewport [windows]=\"windows\" [desktopCtrl]=\"this\"></tru-desktop-viewport>\r\n\r\n  <tru-desktop-taskbar [windows]=\"windows\" [desktopCtrl]=\"this\"></tru-desktop-taskbar>\r\n\r\n  <img class=\"desktop-viewport-logo\" data-ng-show=\"logoUrl\" alt=\"\">\r\n</div>\r\n", styles: ["body{-webkit-user-select:none;user-select:none}input,textarea{-moz-user-select:text}.desktop-text{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);font-size:14px;line-height:1;color:#333}.desktop-wrapper{position:absolute!important;inset:0;background:#ffffff;overflow:hidden}.desktop-relative{position:relative}.desktop-display-none{display:none}.desktop-click-through{pointer-events:none}.desktop-menubar-container{position:absolute!important;top:0;left:0;right:0;height:26px;background:#f8f8f8;border-bottom:1px solid #e7e7e7;padding-left:5px}\n"] }]
+        }], ctorParameters: function () { return [{ type: TruDesktopService }, { type: TruWindowEventHandler }]; }, propDecorators: { options: [{
+                type: Input
+            }] } });
+
+class TruToolbarMenuItemModule {
+}
+TruToolbarMenuItemModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruToolbarMenuItemModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuItemModule, declarations: [TruToolbarMenuItem], imports: [CommonModule, FormsModule], exports: [TruToolbarMenuItem] });
+TruToolbarMenuItemModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuItemModule, imports: [CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuItemModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruToolbarMenuItem],
+                    imports: [CommonModule, FormsModule],
+                    exports: [TruToolbarMenuItem]
+                }]
+        }] });
+
+class TruToolbarMenuButtonModule {
+}
+TruToolbarMenuButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruToolbarMenuButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuButtonModule, declarations: [TruToolbarMenuButton], imports: [CommonModule, FormsModule], exports: [TruToolbarMenuButton] });
+TruToolbarMenuButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuButtonModule, imports: [CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruToolbarMenuButton],
+                    imports: [CommonModule, FormsModule],
+                    exports: [TruToolbarMenuButton]
+                }]
+        }] });
+
+class TruToolbarMenuModule {
+}
+TruToolbarMenuModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruToolbarMenuModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuModule, declarations: [TruToolbarMenu], imports: [CommonModule,
+        FormsModule,
+        TruToolbarMenuItemModule,
+        TruToolbarMenuButtonModule], exports: [TruToolbarMenu] });
+TruToolbarMenuModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuModule, imports: [CommonModule,
+        FormsModule,
+        TruToolbarMenuItemModule,
+        TruToolbarMenuButtonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarMenuModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruToolbarMenu],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        TruToolbarMenuItemModule,
+                        TruToolbarMenuButtonModule
+                    ],
+                    exports: [TruToolbarMenu]
+                }]
+        }] });
+
+class TruToolbarButtonModule {
+}
+TruToolbarButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruToolbarButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarButtonModule, declarations: [TruToolbarButton], imports: [CommonModule,
+        FormsModule,
+        MatButtonModule,
+        MatIconModule], exports: [TruToolbarButton] });
+TruToolbarButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarButtonModule, imports: [CommonModule,
+        FormsModule,
+        MatButtonModule,
+        MatIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruToolbarButton],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatIconModule
+                    ],
+                    exports: [TruToolbarButton]
+                }]
+        }] });
+
+class TruToolbarDropdown {
+    constructor() {
+        this.config = null;
+        this.options = [];
+        this.selectedOptionChange = new EventEmitter();
+        this.selectionChange = new EventEmitter();
+        this.onSelectionChange = (event) => {
+            this.selectedOptionChange.emit(event.value);
+            this.selectionChange.emit(event.value);
+        };
+    }
+    ngOnInit() {
+    }
+    ngAfterViewInit() {
+    }
+}
+TruToolbarDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarDropdown, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruToolbarDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruToolbarDropdown, selector: "tru-toolbar-dropdown", inputs: { config: "config", options: "options", selectedOption: "selectedOption", disabled: "disabled" }, outputs: { selectedOptionChange: "selectedOptionChange", selectionChange: "selectionChange" }, ngImport: i0, template: "<mat-form-field>\r\n  <mat-select [(ngModel)]=\"selectedOption\"\r\n              (selectionChange)=\"onSelectionChange($event)\">\r\n    <mat-option *ngFor=\"let option of options\" [value]=\"option\">\r\n      {{option.label}}\r\n    </mat-option>\r\n  </mat-select>\r\n</mat-form-field>\r\n\r\n", styles: [".toolbar{height:25px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-form-field-infix{padding:0;border-top:0;width:auto}.toolbar .mat-form-field-underline{background-color:red}.toolbar .mat-form-field .mat-form-field-underline,.toolbar .mat-form-field.mat-focused .mat-form-field-underline{display:none}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}\n", ".toolbar mat-select{width:auto;min-width:90px;padding:3px;padding-top:3px!important;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#ebebeb;height:15px;margin-top:2px;margin-left:2px;margin-right:2px}.toolbar .mat-form-field-underline{background-color:red}.toolbar .mat-form-field .mat-form-field-underline,.toolbar .mat-form-field.mat-focused .mat-form-field-underline{display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", exportAs: ["matOption"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarDropdown, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-toolbar-dropdown', encapsulation: ViewEncapsulation.None, template: "<mat-form-field>\r\n  <mat-select [(ngModel)]=\"selectedOption\"\r\n              (selectionChange)=\"onSelectionChange($event)\">\r\n    <mat-option *ngFor=\"let option of options\" [value]=\"option\">\r\n      {{option.label}}\r\n    </mat-option>\r\n  </mat-select>\r\n</mat-form-field>\r\n\r\n", styles: [".toolbar{height:25px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-form-field-infix{padding:0;border-top:0;width:auto}.toolbar .mat-form-field-underline{background-color:red}.toolbar .mat-form-field .mat-form-field-underline,.toolbar .mat-form-field.mat-focused .mat-form-field-underline{display:none}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}\n", ".toolbar mat-select{width:auto;min-width:90px;padding:3px;padding-top:3px!important;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#ebebeb;height:15px;margin-top:2px;margin-left:2px;margin-right:2px}.toolbar .mat-form-field-underline{background-color:red}.toolbar .mat-form-field .mat-form-field-underline,.toolbar .mat-form-field.mat-focused .mat-form-field-underline{display:none}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { config: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], selectedOption: [{
+                type: Input
+            }], selectedOptionChange: [{
+                type: Output
+            }], disabled: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }] } });
+
+class TruToolbarDropdownModule {
+}
+TruToolbarDropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarDropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruToolbarDropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarDropdownModule, declarations: [TruToolbarDropdown], imports: [CommonModule,
+        FormsModule,
+        MatSelectModule,
+        MatIconModule], exports: [TruToolbarDropdown] });
+TruToolbarDropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarDropdownModule, imports: [CommonModule,
+        FormsModule,
+        MatSelectModule,
+        MatIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarDropdownModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruToolbarDropdown],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatSelectModule,
+                        MatIconModule
+                    ],
+                    exports: [TruToolbarDropdown]
+                }]
+        }] });
+
+class TruToolbarSeparatorModule {
+}
+TruToolbarSeparatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarSeparatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruToolbarSeparatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarSeparatorModule, declarations: [TruToolbarSeparator], imports: [CommonModule, FormsModule], exports: [TruToolbarSeparator] });
+TruToolbarSeparatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarSeparatorModule, imports: [CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarSeparatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruToolbarSeparator],
+                    imports: [CommonModule, FormsModule],
+                    exports: [TruToolbarSeparator]
+                }]
+        }] });
+
+class TruToolbarContextFilterModule {
+}
+TruToolbarContextFilterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarContextFilterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruToolbarContextFilterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarContextFilterModule, declarations: [TruToolbarContextFilter], imports: [CommonModule,
+        FormsModule,
+        MatSelectModule,
+        MatOptionModule,
+        MatInputModule,
+        MatIconModule], exports: [TruToolbarContextFilter] });
+TruToolbarContextFilterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarContextFilterModule, imports: [CommonModule,
+        FormsModule,
+        MatSelectModule,
+        MatOptionModule,
+        MatInputModule,
+        MatIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarContextFilterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruToolbarContextFilter],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatSelectModule,
+                        MatOptionModule,
+                        MatInputModule,
+                        MatIconModule
+                    ],
+                    exports: [TruToolbarContextFilter]
+                }]
+        }] });
+
+class TruToolbarText {
+    constructor() {
+        this.config = null;
+        this.icon = '';
+        this.text = '';
+        this.tooltip = null;
+    }
+    ngOnInit() {
+    }
+}
+TruToolbarText.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarText, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruToolbarText.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.2", type: TruToolbarText, selector: "tru-toolbar-text", inputs: { config: "config", icon: "icon", text: "text", tooltip: "tooltip" }, ngImport: i0, template: "<p>\r\n  <span class=\"toolbar-text-text\" *ngIf=\"text\">{{text}}</span>\r\n</p>\r\n", styles: [".toolbar{height:25px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-form-field-infix{padding:0;border-top:0;width:auto}.toolbar .mat-form-field-underline{background-color:red}.toolbar .mat-form-field .mat-form-field-underline,.toolbar .mat-form-field.mat-focused .mat-form-field-underline{display:none}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}\n", ".toolbar-text-text{vertical-align:sub}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarText, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-toolbar-text', encapsulation: ViewEncapsulation.None, template: "<p>\r\n  <span class=\"toolbar-text-text\" *ngIf=\"text\">{{text}}</span>\r\n</p>\r\n", styles: [".toolbar{height:25px}.toolbar .toolbar-btn{height:26px}.toolbar .mat-form-field-infix{padding:0;border-top:0;width:auto}.toolbar .mat-form-field-underline{background-color:red}.toolbar .mat-form-field .mat-form-field-underline,.toolbar .mat-form-field.mat-focused .mat-form-field-underline{display:none}.toolbar-group,.toolbar-group-vertical{position:relative;display:flex;vertical-align:middle;height:25px}.toolbar-group>.toolbar-btn,.toolbar-group-vertical>.toolbar-btn{position:relative;float:left}.toolbar-group>.toolbar-btn:hover,.toolbar-group-vertical>.toolbar-btn:hover,.toolbar-group>.toolbar-btn:focus,.toolbar-group-vertical>.toolbar-btn:focus,.toolbar-group>.toolbar-btn:active,.toolbar-group-vertical>.toolbar-btn:active,.toolbar-group>.toolbar-btn.active,.toolbar-group-vertical>.toolbar-btn.active{z-index:2}.toolbar-group .toolbar-btn+.toolbar-btn,.toolbar-group .toolbar-btn+.toolbar-group,.toolbar-group .toolbar-group+.toolbar-btn,.toolbar-group .toolbar-group+.toolbar-group{margin-left:-1px}.toolbar-group>.toolbar-btn:not(:first-child):not(:last-child){border-radius:0}.toolbar-group>.toolbar-btn:first-child{margin-left:0}.toolbar-group>.toolbar-btn:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.toolbar-group>.toolbar-btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.toolbar-group>.toolbar-btn{padding:1px 5px;font-size:12px;line-height:1;border-radius:0}.toolbar-group .btn_iconOnly{padding:0;margin:0}.toolbar-group .btn_iconOnly i{vertical-align:15%}.toolbar-group div{padding:0;margin:0}.toolbar-group button{padding:0!important}.toolbar-group span,.toolbar-group i{padding:0;margin:0}.toolbar-group button{vertical-align:top}\n", ".toolbar-text-text{vertical-align:sub}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { config: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }] } });
+
+class TruToolbarTextModule {
+}
+TruToolbarTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruToolbarTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarTextModule, declarations: [TruToolbarText], imports: [CommonModule,
+        FormsModule,
+        MatButtonModule,
+        MatIconModule], exports: [TruToolbarText] });
+TruToolbarTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarTextModule, imports: [CommonModule,
+        FormsModule,
+        MatButtonModule,
+        MatIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarTextModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruToolbarText],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatIconModule
+                    ],
+                    exports: [TruToolbarText]
+                }]
+        }] });
+
+class TruToolbarModule {
+}
+TruToolbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruToolbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarModule, declarations: [TruToolbar], imports: [CommonModule,
+        FormsModule,
+        TruToolbarMenuModule,
+        TruToolbarButtonModule,
+        TruToolbarDropdownModule,
+        TruToolbarSeparatorModule,
+        TruToolbarContextFilterModule,
+        TruToolbarTextModule], exports: [TruToolbar] });
+TruToolbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarModule, imports: [CommonModule,
+        FormsModule,
+        TruToolbarMenuModule,
+        TruToolbarButtonModule,
+        TruToolbarDropdownModule,
+        TruToolbarSeparatorModule,
+        TruToolbarContextFilterModule,
+        TruToolbarTextModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruToolbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruToolbar],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        TruToolbarMenuModule,
+                        TruToolbarButtonModule,
+                        TruToolbarDropdownModule,
+                        TruToolbarSeparatorModule,
+                        TruToolbarContextFilterModule,
+                        TruToolbarTextModule
+                    ],
+                    exports: [TruToolbar]
+                }]
+        }] });
+
+class TruDesktopMenubarModule {
+}
+TruDesktopMenubarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopMenubarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruDesktopMenubarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopMenubarModule, declarations: [TruDesktopMenubar], imports: [CommonModule,
+        FormsModule,
+        TruToolbarModule,
+        TruToolbarMenuModule,
+        TruToolbarDropdownModule,
+        TruToolbarSeparatorModule,
+        TruToolbarContextFilterModule], exports: [TruDesktopMenubar] });
+TruDesktopMenubarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopMenubarModule, imports: [CommonModule,
+        FormsModule,
+        TruToolbarModule,
+        TruToolbarMenuModule,
+        TruToolbarDropdownModule,
+        TruToolbarSeparatorModule,
+        TruToolbarContextFilterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopMenubarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruDesktopMenubar],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        TruToolbarModule,
+                        TruToolbarMenuModule,
+                        TruToolbarDropdownModule,
+                        TruToolbarSeparatorModule,
+                        TruToolbarContextFilterModule
+                    ],
+                    exports: [TruDesktopMenubar]
+                }]
+        }] });
+
+class TruDesktopStatusbarModule {
+}
+TruDesktopStatusbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopStatusbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruDesktopStatusbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopStatusbarModule, declarations: [TruDesktopStatusbar], imports: [CommonModule, FormsModule], exports: [TruDesktopStatusbar] });
+TruDesktopStatusbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopStatusbarModule, imports: [CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopStatusbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruDesktopStatusbar],
+                    imports: [CommonModule, FormsModule],
+                    exports: [TruDesktopStatusbar]
+                }]
+        }] });
+
+class TruDesktopTaskbarModule {
+}
+TruDesktopTaskbarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopTaskbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruDesktopTaskbarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopTaskbarModule, declarations: [TruDesktopTaskbar], imports: [CommonModule, FormsModule, TruToolbarButtonModule, MatIconModule], exports: [TruDesktopTaskbar] });
+TruDesktopTaskbarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopTaskbarModule, imports: [CommonModule, FormsModule, TruToolbarButtonModule, MatIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopTaskbarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruDesktopTaskbar],
+                    imports: [CommonModule, FormsModule, TruToolbarButtonModule, MatIconModule],
+                    exports: [TruDesktopTaskbar]
+                }]
+        }] });
+
+class TruDesktopResizableModule {
+}
+TruDesktopResizableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopResizableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruDesktopResizableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopResizableModule, declarations: [TruDesktopResizable], imports: [CommonModule, FormsModule], exports: [TruDesktopResizable] });
+TruDesktopResizableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopResizableModule, imports: [CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopResizableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruDesktopResizable],
+                    imports: [CommonModule, FormsModule],
+                    exports: [TruDesktopResizable]
+                }]
+        }] });
+
+class TruDesktopViewModule {
+}
+TruDesktopViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruDesktopViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopViewModule, declarations: [TruDesktopView], imports: [CommonModule, FormsModule], exports: [TruDesktopView] });
+TruDesktopViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopViewModule, imports: [CommonModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopViewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruDesktopView],
+                    imports: [CommonModule, FormsModule],
+                    exports: [TruDesktopView]
+                }]
+        }] });
+
+class TruDesktopWindowModule {
+}
+TruDesktopWindowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopWindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruDesktopWindowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopWindowModule, declarations: [TruDesktopWindow], imports: [CommonModule,
+        FormsModule,
+        MatButtonModule,
+        MatIconModule,
+        TruDesktopResizableModule,
+        TruDesktopViewModule,
+        TruDesktopStatusbarModule,
+        TruToolbarModule,
+        TruToolbarButtonModule,
+        TruToolbarSeparatorModule], exports: [TruDesktopWindow] });
+TruDesktopWindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopWindowModule, providers: [WindowConfig], imports: [CommonModule,
+        FormsModule,
+        MatButtonModule,
+        MatIconModule,
+        TruDesktopResizableModule,
+        TruDesktopViewModule,
+        TruDesktopStatusbarModule,
+        TruToolbarModule,
+        TruToolbarButtonModule,
+        TruToolbarSeparatorModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopWindowModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruDesktopWindow],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        TruDesktopResizableModule,
+                        TruDesktopViewModule,
+                        TruDesktopStatusbarModule,
+                        TruToolbarModule,
+                        TruToolbarButtonModule,
+                        TruToolbarSeparatorModule,
+                    ],
+                    providers: [WindowConfig],
+                    exports: [TruDesktopWindow]
+                }]
+        }] });
+
+class TruDesktopViewportModule {
+}
+TruDesktopViewportModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopViewportModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruDesktopViewportModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopViewportModule, declarations: [TruDesktopViewport], imports: [CommonModule, FormsModule, TruDesktopWindowModule], exports: [TruDesktopViewport] });
+TruDesktopViewportModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopViewportModule, imports: [CommonModule, FormsModule, TruDesktopWindowModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopViewportModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruDesktopViewport],
+                    imports: [CommonModule, FormsModule, TruDesktopWindowModule],
+                    exports: [TruDesktopViewport]
+                }]
+        }] });
+
+class TruDesktopModule {
+}
+TruDesktopModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruDesktopModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopModule, declarations: [TruDesktop], imports: [CommonModule,
+        BrowserModule,
+        FormsModule,
+        HttpClientModule,
+        BrowserAnimationsModule,
+        MatButtonModule,
+        MatIconModule,
+        TruDesktopMenubarModule,
+        TruDesktopStatusbarModule,
+        TruDesktopTaskbarModule,
+        TruDesktopViewportModule,
+        TruDesktopWindowModule,
+        TruDesktopViewModule], exports: [TruDesktop] });
+TruDesktopModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopModule, imports: [CommonModule,
+        BrowserModule,
+        FormsModule,
+        HttpClientModule,
+        BrowserAnimationsModule,
+        MatButtonModule,
+        MatIconModule,
+        TruDesktopMenubarModule,
+        TruDesktopStatusbarModule,
+        TruDesktopTaskbarModule,
+        TruDesktopViewportModule,
+        TruDesktopWindowModule,
+        TruDesktopViewModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruDesktopModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        TruDesktop
+                    ],
+                    imports: [
+                        CommonModule,
+                        BrowserModule,
+                        FormsModule,
+                        HttpClientModule,
+                        BrowserAnimationsModule,
+                        MatButtonModule,
+                        MatIconModule,
+                        TruDesktopMenubarModule,
+                        TruDesktopStatusbarModule,
+                        TruDesktopTaskbarModule,
+                        TruDesktopViewportModule,
+                        TruDesktopWindowModule,
+                        TruDesktopViewModule,
+                    ],
+                    exports: [
+                        TruDesktop
+                    ]
+                }]
+        }] });
+
+class TruExportDialogModule {
+}
+TruExportDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruExportDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruExportDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruExportDialogModule, declarations: [TruExportDialog], imports: [CommonModule, FormsModule, MatCheckboxModule], exports: [TruExportDialog] });
+TruExportDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruExportDialogModule, imports: [CommonModule, FormsModule, MatCheckboxModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruExportDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruExportDialog],
+                    imports: [CommonModule, FormsModule, MatCheckboxModule],
+                    exports: [TruExportDialog]
+                }]
+        }] });
+
 class TruSearchGroupEventHandler {
     constructor() {
         this.search$ = new EventEmitter();
@@ -264,29 +3243,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
             type: Injectable
         }] });
 
-class TruComponentLookup {
-    constructor() {
-        this.truComponentLookupRegistry = new Map();
-        this.set = (key, type) => {
-            this.truComponentLookupRegistry.set(key, type);
-        };
-        this.get = (key) => {
-            return this.truComponentLookupRegistry.get(key);
-        };
-        this.getBySuffix = (suffix) => {
-            return [...this.truComponentLookupRegistry.values()].filter((v, k) => {
-                v.name.toLowerCase().endsWith(suffix.toLowerCase());
-            });
-        };
-    }
-}
-TruComponentLookup.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruComponentLookup, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TruComponentLookup.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruComponentLookup, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruComponentLookup, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
 class TruWindowActionEventHandler {
     constructor() {
         this.save$ = new Subject();
@@ -311,40 +3267,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
             type: Injectable
         }] });
 
-class TruWindowEventHandler {
-    constructor() {
-        this.open$ = new Subject();
-        this.addView$ = new Subject();
-        this.removeForwadViews$ = new Subject();
-    }
-    onOpen() {
-        return this.open$;
-    }
-    open(windowEvent) {
-        this.open$.next(windowEvent);
-    }
-    onAddView() {
-        return this.addView$;
-    }
-    addView(windowAddViewEvent) {
-        this.addView$.next(windowAddViewEvent);
-    }
-    onRemoveForwardViews() {
-        return this.removeForwadViews$;
-    }
-    removeForwardViews() {
-        this.removeForwadViews$.next(null);
-    }
-}
-TruWindowEventHandler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruWindowEventHandler, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TruWindowEventHandler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruWindowEventHandler, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruWindowEventHandler, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
-        }] });
-
 const EQUAL_ICON = `
   <svg style="width:24px;height:24px" viewBox="0 0 24 24"><path fill="currentColor" d="M17,16V14H7V16H17M19,3A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5C3.89,21 3,20.1 3,19V5C3,3.89 3.89,3 5,3H19M17,10V8H7V10H17Z" /></svg>
 `;
@@ -377,7 +3299,7 @@ class TruSearchIconModule {
         iconRegistry.addSvgIconLiteral("contains-operator-icon", sanitizer.bypassSecurityTrustHtml(CONTAINS_ICON));
     }
 }
-TruSearchIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruSearchIconModule, deps: [{ token: i1.DomSanitizer }, { token: i2.MatIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
+TruSearchIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruSearchIconModule, deps: [{ token: i1$4.DomSanitizer }, { token: i2$1.MatIconRegistry }], target: i0.ɵɵFactoryTarget.NgModule });
 TruSearchIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.1.2", ngImport: i0, type: TruSearchIconModule, imports: [CommonModule, FormsModule] });
 TruSearchIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruSearchIconModule, imports: [CommonModule, FormsModule] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImport: i0, type: TruSearchIconModule, decorators: [{
@@ -387,7 +3309,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
                     declarations: [],
                     exports: []
                 }]
-        }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i2.MatIconRegistry }]; } });
+        }], ctorParameters: function () { return [{ type: i1$4.DomSanitizer }, { type: i2$1.MatIconRegistry }]; } });
 
 class TruCommonModule {
 }
@@ -411,5 +3333,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.2", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { TruCommonModule, TruComponentLookup, TruEntityBase, TruPredicate, TruPropertyConfigBase, TruQueryPredicateManager, TruSearchComponentBase, TruSearchComponentConfigBase, TruSearchGroupEventHandler, TruSearchIconModule, TruWindowActionEventHandler, TruWindowAddViewEvent, TruWindowEvent, TruWindowEventHandler };
+export { TruCommonModule, TruComponentLookup, TruConfirmDialog, TruConfirmDialogConfig, TruConfirmDialogModule, TruDesktop, TruDesktopModule, TruEntityBase, TruExportDialog, TruExportDialogConfig, TruExportDialogModule, TruPredicate, TruPropertyConfigBase, TruQueryPredicateManager, TruSearchComponentBase, TruSearchComponentConfigBase, TruSearchGroupEventHandler, TruSearchIconModule, TruToolbar, TruToolbarModule, TruWindowActionEventHandler, TruWindowAddViewEvent, TruWindowEvent, TruWindowEventHandler };
 //# sourceMappingURL=trudb-tru-common-lib.mjs.map