@trudb/tru-common-lib 0.2.168 → 0.2.170

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

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Input, Directive, Injectable, NgModule, Inject, Component, HostListener, InjectionToken, ViewChild, EventEmitter, Output, ViewEncapsulation, Pipe, ViewContainerRef, ChangeDetectionStrategy, createComponent, Optional, ViewChildren, signal, QueryList, ContentChildren } from '@angular/core';
 import { EntityAspect, MetadataStore, DataService, EntityManager, EntityQuery, Predicate, FetchStrategy, EntityAction, breeze, EntityState, BinaryPredicate, AndOrPredicate } from 'breeze-client';
 import * as i1$1 from '@angular/common';
-import { CommonModule, NgIf, NgClass, DatePipe } from '@angular/common';
+import { CommonModule, DatePipe, NgIf, NgClass } from '@angular/common';
 import * as i7 from '@angular/forms';
 import { FormsModule, FormControl, ReactiveFormsModule, FormGroup, Validators } from '@angular/forms';
 import { BehaviorSubject, defer, from, of, Subject, Observable, fromEvent, skip, forkJoin, first, finalize, throwError } from 'rxjs';
@@ -78,10 +78,10 @@ import * as i1$5 from '@angular/platform-browser';
 import { BrowserModule } from '@angular/platform-browser';
 import moment from 'moment/moment';
 import { v4 } from 'uuid';
+import moment$1 from 'moment';
 import { AgGridAngular } from 'ag-grid-angular';
 import { provideGlobalGridOptions, ModuleRegistry, TextFilterModule, TextEditorModule, CustomFilterModule, ClientSideRowModelModule, AllCommunityModule } from 'ag-grid-community';
 import * as signalR from '@microsoft/signalr';
-import moment$1 from 'moment';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 class TruComponentConfigBase {
@@ -5954,198 +5954,561 @@ class TruDataGridCellRenderer {
     }
 }
 
-class TruDataGridClipboard {
-    util;
-    uiNotification;
-    tableName = null;
-    columnName = null;
-    copiedCellData = null;
-    copiedCellEntity = null;
-    copiedCellParams = null;
-    copiedRows = [];
-    constructor(util, uiNotification) {
-        this.util = util;
-        this.uiNotification = uiNotification;
+class TruFormatter {
+    appEnvironemt;
+    modelTypeLookup;
+    constructor(appEnvironemt, modelTypeLookup) {
+        this.appEnvironemt = appEnvironemt;
+        this.modelTypeLookup = modelTypeLookup;
     }
-    formatCellValue = (propertyConfig, value) => {
-        if (value === null || typeof value === 'undefined')
+    formatDate = (date, format) => {
+        if (date === null)
+            return null;
+        if (!(date instanceof Date))
             return '';
-        if (propertyConfig.typeName === 'rich-text-unbounded')
-            return this.util.htmlToPlainText(value);
-        return value;
-    };
-    copyCell = async (params, tableName, columnName, copiedCellData, copiedCellEntity) => {
-        this.tableName = tableName;
-        this.columnName = columnName;
-        this.copiedCellParams = params;
-        this.copiedCellData = copiedCellData;
-        this.copiedCellEntity = copiedCellEntity;
-        try {
-            await navigator.clipboard.writeText(params.value);
-        }
-        catch (err) {
-            console.error('Failed to copy text: ', err);
-        }
-    };
-    pasteCell = (params, pastedCellData, pastedCell) => {
-        let colDef = params.colDef;
-        let columnName = colDef.field;
-        let copiedCellDataTypeName = this.copiedCellData[this.copiedCellParams?.colDef?.field].property.typeName;
-        let pastedCellDataTypeName = pastedCellData[params.colDef?.field].property.typeName;
-        if (!colDef.editable) {
-            this.uiNotification.error('Cannot paste into a non-editable column: ' + colDef.field);
-            return;
-        }
-        if (copiedCellDataTypeName !== pastedCellDataTypeName) {
-            this.uiNotification.error('Clipboard data type does not match the current cell data type: ' + copiedCellDataTypeName + ' vs ' + pastedCellDataTypeName);
-            return;
-        }
-        else {
-            pastedCell.setProperty(columnName, this.copiedCellEntity?.getProperty(columnName));
-            params.api.refreshCells({ force: true });
-        }
+        if (isNaN(date.getTime()))
+            return '';
+        var datePipe = new DatePipe('en-US');
+        return datePipe.transform(date, format);
     };
-    copyRow = async (tableName, copiedRows) => {
-        this.tableName = tableName;
-        this.copiedRows = copiedRows;
-        if (copiedRows.length) {
-            let multiRowString = '';
-            this.copiedRows.forEach((copiedRow, index) => {
-                let rowPropertyValues = [];
-                let properties = copiedRow.$entity.entityType.getPropertyNames();
-                properties
-                    .forEach((propertyName) => {
-                    let propertyConfig = copiedRow[propertyName]?.property;
-                    if (propertyConfig &&
-                        propertyName !== tableName + 'Ref' &&
-                        propertyName !== 'rowver' &&
-                        propertyName !== 'Merge_Data_Set' &&
-                        !propertyName.startsWith('o'))
-                        rowPropertyValues.push(this.formatCellValue(copiedRow[propertyName].property, copiedRow.$entity.getProperty(propertyName)));
-                });
-                multiRowString += rowPropertyValues.join('\t') + '\n';
-            });
-            try {
-                await navigator.clipboard.writeText(multiRowString);
+    isDate = (date) => {
+        if (Object.prototype.toString.call(date) === '[object Date]') {
+            if (isNaN(date.getTime())) {
+                return false;
             }
-            catch (err) {
-                console.error('Failed to copy text: ', err);
+            else {
+                return true;
             }
         }
-    };
-    pasteRow = (gridApi, config, selectedRows) => {
-        if (this.tableName !== config.tableName) {
-            this.uiNotification.error('Clipboard data does not match the current table name: ' + this.tableName + ' vs ' + config.tableName);
-            return;
-        }
-        if (selectedRows && selectedRows.length !== this.copiedRows.length) {
-            this.uiNotification.error('Clipboard data does not match the number of selected rows: ' + this.copiedRows.length + ' vs ' + selectedRows.length);
-            return;
+        else if (moment$1(date, "MM/DD/YYYY", true).isValid()) {
+            return true;
         }
-        if (this.copiedRows.length) {
-            this.copiedRows.forEach((copiedRow, index) => {
-                let selectedRow = selectedRows[index];
-                let properties = copiedRow.$entity.entityType.getPropertyNames();
-                properties
-                    .forEach((propertyName) => {
-                    if (typeof selectedRow.$entity.setProperty !== 'undefined' &&
-                        selectedRow[propertyName] && selectedRow[propertyName].property.canEdit &&
-                        propertyName !== config.tableName + 'Ref' &&
-                        propertyName !== 'rowver' &&
-                        propertyName !== 'Merge_Data_Set' &&
-                        !propertyName.startsWith('o'))
-                        selectedRow.$entity.setProperty(propertyName, copiedRow.$entity.getProperty(propertyName));
-                });
-            });
-            gridApi.refreshCells({ force: true });
+        else {
+            return false;
         }
     };
-    insertRowsAtTop = (dataContext, config, addEntity) => {
-        if (this.tableName !== config.tableName) {
-            this.uiNotification.error('Clipboard data does not match the current table name: ' + this.tableName + ' vs ' + config.tableName);
-            return;
-        }
-        if (this.copiedRows.length) {
-            this.copiedRows.forEach((row) => {
-                let newEntity = dataContext.entityAccess().add(config.resultConfig.entityType);
-                let properties = row.entityType.getPropertyNames();
-                properties
-                    .filter((propertyName) => {
-                    return propertyName !== 'Ref' &&
-                        propertyName !== config.resultConfig.entityType.name + 'Ref' &&
-                        !this.util.isLowerCase(propertyName.charAt(0));
-                })
-                    .forEach((propertyName) => {
-                    if (typeof newEntity.setProperty !== 'undefined')
-                        newEntity.setProperty(propertyName, row.getProperty(propertyName));
-                });
-                addEntity(newEntity, false);
-            });
-        }
+    isPromise = function (value) {
+        return Boolean(value && typeof value.then === 'function');
     };
-    getCopiedRows = () => {
-        return this.copiedRows;
+    //Filters
+    bigInteger = (cfg) => {
+        var v = cfg.$;
+        if (v === null)
+            return null;
+        return v;
     };
-    getCopiedCell = () => {
-        return this.copiedCellEntity;
+    boolean = (cfg) => {
+        var v = cfg.$;
+        if (v === null)
+            return null;
+        return v ? 'True' : 'False';
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridClipboard, deps: [{ token: TruUtil }, { token: TruUiNotification }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridClipboard, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridClipboard, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: TruUtil }, { type: TruUiNotification }] });
-
-class TruDataGridPkeyCellRenderer {
-    dataContext;
-    dataGridClipboard;
-    contextMenu;
-    // private eGui: is an empty element to satisfy the getGui method.    
-    eGui;
-    windowClickSubscription;
-    params;
-    contextMenuPosition = { x: '0px', y: '0px' };
-    displayValue = '';
-    copyIsDisabled = true;
-    pasteIsDisabled = true;
-    insertAtTopIsDisabled = true;
-    constructor(dataContext, dataGridClipboard) {
-        this.dataContext = dataContext;
-        this.dataGridClipboard = dataGridClipboard;
-    }
-    onRightClick = (event) => {
-        event.preventDefault();
-        this.copyIsDisabled = this.params.api.getSelectedRows().length ? false : true;
-        this.pasteIsDisabled = this.dataGridClipboard.getCopiedRows().length && this.params.api.getSelectedRows().length ? false : true;
-        this.insertAtTopIsDisabled = this.dataGridClipboard.getCopiedRows().length && this.params.api.getSelectedRows().length ? false : true;
-        this.contextMenuPosition.x = event.pageX + 'px';
-        this.contextMenuPosition.y = (event.pageY) + 'px';
-        this.contextMenu.menu?.focusFirstItem('mouse');
-        this.contextMenu.openMenu();
+    choiceLabel = (cfg) => {
+        if (cfg.$ === null)
+            return null;
+        if (cfg.type) {
+            var item = cfg.type.choices.filter(function (c) {
+                return c.$ === cfg.$;
+            });
+        }
+        else {
+            return cfg.$;
+        }
+        if (item.length == 0)
+            return null;
+        return item[0].label;
     };
-    onMouseDown = (event) => {
+    dateShort = (cfg) => {
+        var v = cfg.$;
+        if (!v || !this.isDate(v))
+            return 'mm/dd/yyyy';
+        v = new Date(v);
+        var utc = new Date(v.getUTCFullYear(), v.getUTCMonth(), v.getUTCDate());
+        return this.formatDate(utc, 'MM/dd/yyyy');
     };
-    onMouseUp = (event) => {
+    datetimeShort = (cfg) => {
+        var v = cfg.$;
+        if (!v)
+            return 'mm/dd/yyyy hh:mm a';
+        return this.formatDate(v, 'MM/dd/yyyy hh:mm a');
     };
-    onCopy = (event) => {
-        let selectedRows = this.params.api.getSelectedRows();
-        if (selectedRows.length) {
-            let copiedRowData = selectedRows;
-            this.dataGridClipboard.copyRow(this.params.context.grid.config.tableName, copiedRowData);
+    datetimespanShort = (cfg) => {
+        var start = cfg.start.$;
+        var end = cfg.end.$;
+        var text = '';
+        if (start !== null) {
+            text = this.formatDate(start, 'MM/dd/yyyy hh:mm a') + ' - ';
+            if (end != null) {
+                if (start.getYear() === end.getYear() && start.getMonth() === end.getMonth() && start.getDay() === end.getDay())
+                    text += this.formatDate(end, 'hh:mm a');
+                else
+                    text += this.formatDate(end, 'MM/dd/yyyy hh:mm a');
+            }
         }
+        else {
+            if (end !== null)
+                text += this.formatDate(end, 'MM/dd/yyyy hh:mm a');
+        }
+        return text;
     };
-    onPaste = (event) => {
-        this.dataGridClipboard.pasteRow(this.params.api, this.params.context.grid.config, this.params.api.getSelectedRows());
-    };
-    onInsertAtTop = (event) => {
-        this.dataGridClipboard.insertRowsAtTop(this.dataContext, this.params.context.grid.config, this.params.context.grid.addEntity);
+    decimal = (cfg) => {
+        var v = cfg.$;
+        if (v === null)
+            return null;
+        return v;
     };
-    agInit(params) {
-        this.params = params;
-        if (params.value < 0)
+    excelFormula = (val) => {
+        if (_.isNaN(val))
+            return '#VALUE!';
+        if (val === Infinity)
+            return '#DIV/0!';
+        return val;
+    };
+    file = (cfg) => {
+        if (this.isPromise(cfg.filename.$))
+            return null;
+        var text = '';
+        if (cfg.filename.$ !== null)
+            text += cfg.filename.$;
+        return text;
+    };
+    float = (cfg) => {
+        var v = cfg.$;
+        if (v === null)
+            return null;
+        return v;
+    };
+    id = (value) => {
+        if (!value)
+            return null;
+        return value;
+    };
+    integer = (cfg) => {
+        var v = cfg.$;
+        if (v === null)
+            return null;
+        return v;
+    };
+    intlAddress = (cfg) => {
+        var text = '';
+        if (cfg.address1.$ !== null)
+            text += cfg.address1.$ + ' ';
+        if (cfg.address2.$ !== null)
+            text += cfg.address2.$ + ' ';
+        if (cfg.country.$ !== null)
+            text += cfg.country.$ + ' ';
+        if (cfg.city.$ !== null)
+            text += cfg.city.$ + ' ';
+        if (cfg.stateProvince.$ !== null)
+            text += cfg.stateProvince.$ + ' ';
+        if (cfg.postalCode.$ !== null)
+            text += cfg.postalCode.$ + ' ';
+        return text;
+    };
+    intlAddressBasic = (cfg) => {
+        var text = '';
+        if (cfg.address1.$ !== null)
+            text += cfg.address1.$ + ' ';
+        if (cfg.address2.$ !== null)
+            text += cfg.address2.$ + ' ';
+        if (cfg.country.$ !== null)
+            text += cfg.country.$ + ' ';
+        if (cfg.city.$ !== null)
+            text += cfg.city.$ + ' ';
+        if (cfg.stateProvince.$ !== null)
+            text += cfg.stateProvince.$ + ' ';
+        if (cfg.postalCode.$ !== null)
+            text += cfg.postalCode.$ + ' ';
+        return text;
+    };
+    naPhone = (number) => {
+        if (!number) {
+            return '';
+        }
+        if (number) {
+            if (number.$)
+                number = number.$.replace(/[^0-9]/g, '');
+            else
+                number = number.$;
+        }
+        if (!number) {
+            return '';
+        }
+        number = String(number);
+        var formattedNumber = number;
+        var c = (number[0] == '1') ? '+1 ' : '';
+        number = number[0] == '1' ? number.slice(1) : number;
+        var area = number.substring(0, 3);
+        var front = number.substring(3, 6);
+        var end = number.substring(6, 10);
+        var ext = number.substring(10, 20);
+        if (front) {
+            formattedNumber = (c + "(" + area + ") " + front);
+        }
+        if (end) {
+            formattedNumber += ("-" + end);
+        }
+        if (ext) {
+            formattedNumber += (" x" + ext);
+        }
+        return formattedNumber;
+    };
+    intlPhone = (cfg) => {
+        var field = cfg;
+        var text = '';
+        //if (cfg.countryCode.$ !== null) {
+        //  var country = _.find(countries.allCountries, function (country) { return country.iso2 === cfg.countryCode.$ });
+        //  var dialCode = country.dialCode;
+        //  text += '+' + dialCode + ' ';
+        //}
+        //if (cfg.phone.$ !== null) {
+        //  var clean = cfg.phone.$.replace(/[^0-9]/g, '');
+        //  try {
+        //    var countryCode = cfg.countryCode.$ ? cfg.countryCode.$ : field.property.countryCode;
+        //    var number = clean;
+        //    text += number + ' ';
+        //  } catch (e) {
+        //    text += clean + ' ';
+        //  }
+        //}
+        //if (cfg.extension.$ !== null)
+        //  text += ' x' + cfg.extension.$;
+        return text;
+    };
+    password = (cfg) => {
+        var v = cfg.$;
+        if (v === null)
+            return null;
+        if (v.length > 0)
+            return '********';
+        return '';
+    };
+    percentage = (cfg) => {
+        var v = cfg.$;
+        if (typeof v === 'undefined')
+            return undefined;
+        if (v === null)
+            return null;
+        if (typeof v.toFixed === 'function')
+            return (v * 100).toFixed(2) + '%';
+        return v;
+    };
+    picture = (cfg) => {
+        var text = '';
+        if (cfg.filename.$ !== null)
+            text += cfg.filename.$;
+        return text;
+    };
+    ref = (cfg) => {
+        var v = cfg.$;
+        if (v === null)
+            return null;
+        return v.toString();
+    };
+    richText = (cfg) => {
+        return cfg.$;
+    };
+    socialSecurityNumber = (cfg) => {
+        var v = cfg.$;
+        if (v === null)
+            return null;
+        return v.substring(0, 3) + '-' + v.substring(3, 5) + '-' + v.substring(5);
+    };
+    text = (cfg) => {
+        return cfg.$;
+    };
+    textFormatting = (text) => {
+        if (!text)
+            return text;
+        if (typeof text.replace === 'function')
+            return text.replace(/[\n\r]+/g, ' ').replace(/\s{2,}/g, ' ').replace(/^\s+|\s+$/, '');
+        return text;
+    };
+    timeShort = (cfg) => {
+        var v = cfg.$;
+        if (v === null)
+            return null;
+        var duration = moment$1.duration(v);
+        var datetime = new Date('01/01/1999 ' + duration.hours + ':' + duration.minutes + ':' + duration.seconds);
+        var datePipe = new DatePipe('en-US');
+        return datePipe.transform(datetime, 'hh:mm a');
+    };
+    timeSpanHhMmSs = (cfg) => {
+        return cfg.hours.$ + ' H, ' + cfg.minutes.$ + ' M, ' + cfg.seconds.$ + '.' + cfg.milliseconds.$ + ' S';
+    };
+    usaAddress = (cfg) => {
+        let text = "Loading...";
+        let buildText = () => {
+            text = '';
+            if (cfg.address1.$ !== null)
+                text += cfg.address1.$ + ' ';
+            if (cfg.address2.$ !== null)
+                text += cfg.address2.$ + ' ';
+            if (cfg.city.$ !== null)
+                text += cfg.city.$ + ' ';
+            if (cfg.state.$ !== null) {
+                var state = this.appEnvironemt.globalDataContext?.entityAccess().searchByRefCacheOnly(this.modelTypeLookup.getType('StdUSAState'), cfg.state.$);
+                if (state)
+                    text += state.Code + ', ';
+            }
+            if (cfg.zip.$ !== null) {
+                if (cfg.zip.$.length > 5)
+                    text += cfg.zip.$.substring(0, 5) + '-' + cfg.zip.$.substring(5);
+                else
+                    text += cfg.zip.$;
+            }
+            return text;
+        };
+        if (this.appEnvironemt.globalDataContext?.entityAccess().searchByRefCacheOnly(this.modelTypeLookup.getType('StdUSAState'), cfg.state.$)) {
+            return buildText();
+        }
+        return null;
+    };
+    usaDollars = (cfg) => {
+        var v = cfg.$;
+        if (v === null)
+            return null;
+        return '$' + (v)?.toFixed(2);
+    };
+    usaSocialSecurity = (cfg) => {
+        var v = cfg.$;
+        if (v === null)
+            return null;
+        return v.substring(0, 3) + '-' + v.substring(3, 5) + '-' + v.substring(5);
+    };
+    usaZip = (cfg) => {
+        var v = cfg.$;
+        if (v === null)
+            return null;
+        if (v.length > 5)
+            return v.substring(0, 5) + '-' + v.substring(5);
+        return v;
+    };
+    zipCode = (cfg) => {
+        var v = cfg.$;
+        if (v === null)
+            return null;
+        if (v.length > 5)
+            return v.substring(0, 5) + '-' + v.substring(5);
+        return v;
+    };
+    passwordEightBullets = (cfg) => {
+        var v = cfg.$;
+        return v;
+    };
+    formulaJsonParser = (formatter, data) => {
+        var json = JSON.parse(data);
+        if (json.DATA || (typeof json.DATA === 'number' && isFinite(json.DATA)))
+            return formatter({ $: json.DATA });
+        return { $: json.Error_Message };
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruFormatter, deps: [{ token: TruAppEnvironment }, { token: TruModelTypeLookup }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruFormatter, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruFormatter, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: TruAppEnvironment }, { type: TruModelTypeLookup }] });
+
+class TruDataGridClipboard {
+    util;
+    formatter;
+    uiNotification;
+    tableName = null;
+    columnName = null;
+    copiedCellData = null;
+    copiedCellEntity = null;
+    copiedCellParams = null;
+    copiedRows = [];
+    constructor(util, formatter, uiNotification) {
+        this.util = util;
+        this.formatter = formatter;
+        this.uiNotification = uiNotification;
+    }
+    formatCellValue = (controlConfig, propertyConfig, value) => {
+        if (value === null || typeof value === 'undefined')
+            return '';
+        if (propertyConfig.typeName === 'rich-text-unbounded')
+            return this.util.htmlToPlainText(value);
+        else if (propertyConfig.typeName === 'foreign-key' || propertyConfig.typeName === 'user-foreign-key')
+            return this.formatter.excelFormula(propertyConfig.formatter(propertyConfig).hid(controlConfig.$entity));
+        else
+            return this.formatter.excelFormula(propertyConfig.formatter(propertyConfig));
+    };
+    copyCell = async (params, tableName, columnName, copiedCellData, copiedCellEntity) => {
+        this.tableName = tableName;
+        this.columnName = columnName;
+        this.copiedCellParams = params;
+        this.copiedCellData = copiedCellData;
+        this.copiedCellEntity = copiedCellEntity;
+        try {
+            await navigator.clipboard.writeText(params.value);
+        }
+        catch (err) {
+            console.error('Failed to copy text: ', err);
+        }
+    };
+    pasteCell = (params, pastedCellData, pastedCell) => {
+        let colDef = params.colDef;
+        let columnName = colDef.field;
+        let copiedCellDataTypeName = this.copiedCellData[this.copiedCellParams?.colDef?.field].property.typeName;
+        let pastedCellDataTypeName = pastedCellData[params.colDef?.field].property.typeName;
+        if (!colDef.editable) {
+            this.uiNotification.error('Cannot paste into a non-editable column: ' + colDef.field);
+            return;
+        }
+        if (copiedCellDataTypeName !== pastedCellDataTypeName) {
+            this.uiNotification.error('Clipboard data type does not match the current cell data type: ' + copiedCellDataTypeName + ' vs ' + pastedCellDataTypeName);
+            return;
+        }
+        else {
+            pastedCell.setProperty(columnName, this.copiedCellEntity?.getProperty(columnName));
+            params.api.refreshCells({ force: true });
+        }
+    };
+    copyRow = async (tableName, copiedRows) => {
+        this.tableName = tableName;
+        this.copiedRows = copiedRows;
+        if (copiedRows.length) {
+            let multiRowString = '';
+            this.copiedRows.forEach((copiedRow, index) => {
+                let rowPropertyValues = [];
+                let properties = copiedRow.$entity.entityType.getPropertyNames();
+                properties
+                    .forEach((propertyName) => {
+                    let propertyConfig = copiedRow[propertyName]?.property;
+                    if (propertyConfig &&
+                        propertyName !== tableName + 'Ref' &&
+                        propertyName !== 'rowver' &&
+                        propertyName !== 'Merge_Data_Set' &&
+                        !propertyName.startsWith('o'))
+                        rowPropertyValues.push(this.formatCellValue(copiedRow[propertyName], copiedRow[propertyName].property, copiedRow.$entity.getProperty(propertyName)));
+                });
+                multiRowString += rowPropertyValues.join('\t') + '\n';
+            });
+            try {
+                await navigator.clipboard.writeText(multiRowString);
+            }
+            catch (err) {
+                console.error('Failed to copy text: ', err);
+            }
+        }
+    };
+    pasteRow = (gridApi, config, selectedRows) => {
+        if (this.tableName !== config.tableName) {
+            this.uiNotification.error('Clipboard data does not match the current table name: ' + this.tableName + ' vs ' + config.tableName);
+            return;
+        }
+        if (selectedRows && selectedRows.length !== this.copiedRows.length) {
+            this.uiNotification.error('Clipboard data does not match the number of selected rows: ' + this.copiedRows.length + ' vs ' + selectedRows.length);
+            return;
+        }
+        if (this.copiedRows.length) {
+            this.copiedRows.forEach((copiedRow, index) => {
+                let selectedRow = selectedRows[index];
+                let properties = copiedRow.$entity.entityType.getPropertyNames();
+                properties
+                    .forEach((propertyName) => {
+                    if (typeof selectedRow.$entity.setProperty !== 'undefined' &&
+                        selectedRow[propertyName] && selectedRow[propertyName].property.canEdit &&
+                        propertyName !== config.tableName + 'Ref' &&
+                        propertyName !== 'rowver' &&
+                        propertyName !== 'Merge_Data_Set' &&
+                        !propertyName.startsWith('o'))
+                        selectedRow.$entity.setProperty(propertyName, copiedRow.$entity.getProperty(propertyName));
+                });
+            });
+            gridApi.refreshCells({ force: true });
+        }
+    };
+    insertRowsAtTop = (dataContext, config, addEntity) => {
+        if (this.tableName !== config.tableName) {
+            this.uiNotification.error('Clipboard data does not match the current table name: ' + this.tableName + ' vs ' + config.tableName);
+            return;
+        }
+        if (this.copiedRows.length) {
+            this.copiedRows.forEach((row) => {
+                let newEntity = dataContext.entityAccess().add(config.resultConfig.entityType);
+                let properties = row.entityType.getPropertyNames();
+                properties
+                    .filter((propertyName) => {
+                    return propertyName !== 'Ref' &&
+                        propertyName !== config.resultConfig.entityType.name + 'Ref' &&
+                        !this.util.isLowerCase(propertyName.charAt(0));
+                })
+                    .forEach((propertyName) => {
+                    if (typeof newEntity.setProperty !== 'undefined')
+                        newEntity.setProperty(propertyName, row.getProperty(propertyName));
+                });
+                addEntity(newEntity, false);
+            });
+        }
+    };
+    getCopiedRows = () => {
+        return this.copiedRows;
+    };
+    getCopiedCell = () => {
+        return this.copiedCellEntity;
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridClipboard, deps: [{ token: TruUtil }, { token: TruFormatter }, { token: TruUiNotification }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridClipboard, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruDataGridClipboard, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: TruUtil }, { type: TruFormatter }, { type: TruUiNotification }] });
+
+class TruDataGridPkeyCellRenderer {
+    dataContext;
+    dataGridClipboard;
+    contextMenu;
+    // private eGui: is an empty element to satisfy the getGui method.    
+    eGui;
+    windowClickSubscription;
+    params;
+    contextMenuPosition = { x: '0px', y: '0px' };
+    displayValue = '';
+    copyIsDisabled = true;
+    pasteIsDisabled = true;
+    insertAtTopIsDisabled = true;
+    constructor(dataContext, dataGridClipboard) {
+        this.dataContext = dataContext;
+        this.dataGridClipboard = dataGridClipboard;
+    }
+    onRightClick = (event) => {
+        event.preventDefault();
+        this.copyIsDisabled = this.params.api.getSelectedRows().length ? false : true;
+        this.pasteIsDisabled = this.dataGridClipboard.getCopiedRows().length && this.params.api.getSelectedRows().length ? false : true;
+        this.insertAtTopIsDisabled = this.dataGridClipboard.getCopiedRows().length && this.params.api.getSelectedRows().length ? false : true;
+        this.contextMenuPosition.x = event.pageX + 'px';
+        this.contextMenuPosition.y = (event.pageY) + 'px';
+        this.contextMenu.menu?.focusFirstItem('mouse');
+        this.contextMenu.openMenu();
+    };
+    onMouseDown = (event) => {
+    };
+    onMouseUp = (event) => {
+    };
+    onCopy = (event) => {
+        let selectedRows = this.params.api.getSelectedRows();
+        if (selectedRows.length) {
+            let copiedRowData = selectedRows;
+            this.dataGridClipboard.copyRow(this.params.context.grid.config.tableName, copiedRowData);
+        }
+    };
+    onPaste = (event) => {
+        this.dataGridClipboard.pasteRow(this.params.api, this.params.context.grid.config, this.params.api.getSelectedRows());
+    };
+    onInsertAtTop = (event) => {
+        this.dataGridClipboard.insertRowsAtTop(this.dataContext, this.params.context.grid.config, this.params.context.grid.addEntity);
+    };
+    agInit(params) {
+        this.params = params;
+        if (params.value < 0)
             this.displayValue = 'NEW';
         else
             this.displayValue = params.value;
@@ -10109,1441 +10472,1083 @@ class TruServerError {
         else {
             this.id = parsedError.$id;
             this.type = parsedError.$type;
-            this.code = parsedError.Code;
-            this.message = parsedError.Message;
-            this.stackTrace = parsedError.StackTrace;
-            this.status = error.status;
-            this.statusText = error.statusText;
-        }
-    }
-}
-
-class TruErrorManager {
-    http;
-    dialog;
-    textManager;
-    uiNotification;
-    componentLookup;
-    componentFactoryResolver;
-    appRef;
-    injector;
-    appEnvironment;
-    baseUrl;
-    appName;
-    constructor(http, dialog, textManager, uiNotification, componentLookup, componentFactoryResolver, appRef, injector, appEnvironment) {
-        this.http = http;
-        this.dialog = dialog;
-        this.textManager = textManager;
-        this.uiNotification = uiNotification;
-        this.componentLookup = componentLookup;
-        this.componentFactoryResolver = componentFactoryResolver;
-        this.appRef = appRef;
-        this.injector = injector;
-        this.appEnvironment = appEnvironment;
-        this.baseUrl = appEnvironment.appUri;
-        this.appName = appEnvironment.appName;
-    }
-    handleClientSideError = (error) => {
-    };
-    handleServerSideError = (error) => {
-        let serverError = new TruServerError(error);
-        if (serverError.type === 'tru-db-custom-exception') {
-            var component = this.componentLookup.get(serverError.componentName);
-            this.dialog.open(component, {
-                disableClose: true,
-                minWidth: "400px",
-                maxWidth: "600px",
-                data: serverError
-            });
-        }
-        else if (serverError.type.indexOf('TruDbRequireValidChoiceException') !== -1) {
-            let dialogConfig = new TruErrorDialogConfig('Require Valid Choice Exception', error.message, serverError.stackTrace);
-            this.dialog.open(TruErrorDialog, {
-                disableClose: true,
-                minWidth: "400px",
-                maxWidth: "600px",
-                data: dialogConfig
-            });
-        }
-        else if (serverError.type.indexOf('DuplicateKeyError') !== -1) {
-            let dialogConfig = new TruErrorDialogConfig('Duplicate Key Error', error.message
-                .replace('Cannot insert duplicate key row in object', 'Cannot insert duplicate value in table')
-                .replace('dbo.', '')
-                .replace('UIX_', '')
-                .replace('The statement has been terminated.', ''), serverError.stackTrace);
-            this.dialog.open(TruErrorDialog, {
-                disableClose: true,
-                minWidth: "400px",
-                maxWidth: "600px",
-                data: dialogConfig
-            });
-        }
-        else if (serverError.type.indexOf('OptimisticLockViolation') !== -1) {
-            let dialogConfig = new TruErrorDialogConfig('Concurrent saves not allowed', 'Please review any changes and save again.', serverError.stackTrace);
-            this.dialog.open(TruErrorDialog, {
-                disableClose: true,
-                minWidth: "400px",
-                maxWidth: "600px",
-                data: dialogConfig
-            });
-        }
-        else if (serverError.type.lastIndexOf('TruDB.EfMssql.Runtime.DataError', 0) === 0) {
-            this.uiNotification.error(this.textManager.fmtDataError(serverError.type), [this.textManager.fmtExceptionToShow(serverError.stackTrace)]);
-        }
-        else {
-            var message = this.textManager.fmtErrorToShow(serverError);
-            let dialogConfig = new TruErrorDialogConfig(serverError.type, serverError.message, serverError.stackTrace);
-            this.dialog.open(TruErrorDialog, {
-                disableClose: true,
-                minWidth: "400px",
-                maxWidth: "600px",
-                data: dialogConfig
-            });
-        }
-    };
-    handleError = (error) => {
-        if (error.type)
-            this.handleClientSideError(error);
-        else
-            this.handleServerSideError(error);
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruErrorManager, deps: [{ token: i2.HttpClient }, { token: i1.MatDialog }, { token: TruTextManager }, { token: TruUiNotification }, { token: TruComponentLookup }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: TruAppEnvironment }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruErrorManager, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruErrorManager, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i2.HttpClient }, { type: i1.MatDialog }, { type: TruTextManager }, { type: TruUiNotification }, { type: TruComponentLookup }, { type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: TruAppEnvironment }] });
-
-class TruErrorInterceptor {
-    errorManager;
-    constructor(errorManager) {
-        this.errorManager = errorManager;
-    }
-    intercept(request, next) {
-        return next.handle(request).pipe(catchError((error) => {
-            if (error.status !== 401 && !(error.error instanceof Blob))
-                this.errorManager.handleError(error);
-            return next.handle(request);
-        }));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruErrorInterceptor, deps: [{ token: TruErrorManager }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruErrorInterceptor });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruErrorInterceptor, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: TruErrorManager }] });
-
-class TruColumn {
-    constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruColumn, isStandalone: true, selector: "tru-column", ngImport: i0, template: "<li>\r\n  <div class=\"tvl-container-grid js-grid\">\r\n    <div class=\"tvl-container-grid-col\">\r\n      <div class=\"tvl-container-panel\">\r\n        <ul class=\"tvl-container-vList\">\r\n          <ng-content></ng-content>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</li>\r\n", styles: ["button{margin-right:5px}.button-container{margin-bottom:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruColumn, decorators: [{
-            type: Component,
-            args: [{ selector: 'tru-column', imports: [CommonModule, FormsModule], template: "<li>\r\n  <div class=\"tvl-container-grid js-grid\">\r\n    <div class=\"tvl-container-grid-col\">\r\n      <div class=\"tvl-container-panel\">\r\n        <ul class=\"tvl-container-vList\">\r\n          <ng-content></ng-content>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</li>\r\n", styles: ["button{margin-right:5px}.button-container{margin-bottom:10px}\n"] }]
-        }], ctorParameters: () => [] });
-
-class TruForm {
-    element;
-    constructor(element) {
-        this.element = element;
-    }
-    ngAfterViewInit() {
-        this.updateLayout();
-    }
-    updateLayout = () => {
-        let rowComponentElements = this.element.nativeElement.querySelectorAll('.tvl-container-hList');
-        rowComponentElements.forEach((rowComponentElement) => {
-            var numberOfItems = rowComponentElement.children.length;
-            var childWidth = 100 / numberOfItems;
-            [...rowComponentElement.children].forEach((rowChildElement, index) => {
-                if (index === numberOfItems - 1) {
-                    rowChildElement.style['width'] = 'calc(' + childWidth + '% - 10px)';
-                }
-                else {
-                    rowChildElement.style['width'] = 'calc(' + childWidth + '% - 5px)';
-                }
-                if (index > 0)
-                    rowChildElement.style['margin-left'] = '5px';
-            });
-        });
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruForm, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruForm, isStandalone: true, selector: "tru-form", ngImport: i0, template: "<div class=\"tvl-container-grid js-grid\">\r\n  <div class=\"tvl-container-grid-col\">\r\n    <div class=\"tvl-container-panel\">\r\n      <ul class=\"tvl-container-hList\">\r\n        <ng-content></ng-content>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["button{margin-right:5px}.button-container{margin-bottom:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruForm, decorators: [{
-            type: Component,
-            args: [{ selector: 'tru-form', imports: [CommonModule, FormsModule], template: "<div class=\"tvl-container-grid js-grid\">\r\n  <div class=\"tvl-container-grid-col\">\r\n    <div class=\"tvl-container-panel\">\r\n      <ul class=\"tvl-container-hList\">\r\n        <ng-content></ng-content>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["button{margin-right:5px}.button-container{margin-bottom:10px}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }] });
-
-class TruGroupBox {
-    constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruGroupBox, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruGroupBox, isStandalone: true, selector: "tru-group-box", ngImport: i0, template: "<div>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruGroupBox, decorators: [{
-            type: Component,
-            args: [{ selector: 'tru-group-box', imports: [CommonModule, FormsModule], template: "<div>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
-        }], ctorParameters: () => [] });
-
-class TruRow {
-    constructor() { }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruRow, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruRow, isStandalone: true, selector: "tru-row", ngImport: i0, template: "<li>\r\n  <div class=\"tvl-container-grid js-grid\">\r\n    <div class=\"tvl-container-grid-col\">\r\n      <div class=\"tvl-container-panel\">\r\n        <ul class=\"tvl-container-hList\">\r\n          <ng-content></ng-content>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</li>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruRow, decorators: [{
-            type: Component,
-            args: [{ selector: 'tru-row', imports: [CommonModule, FormsModule], template: "<li>\r\n  <div class=\"tvl-container-grid js-grid\">\r\n    <div class=\"tvl-container-grid-col\">\r\n      <div class=\"tvl-container-panel\">\r\n        <ul class=\"tvl-container-hList\">\r\n          <ng-content></ng-content>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</li>\r\n" }]
-        }], ctorParameters: () => [] });
-
-class TruTab {
-    tabGroupEventNotifier;
-    view;
-    label;
-    matTab;
-    constructor(tabGroupEventNotifier) {
-        this.tabGroupEventNotifier = tabGroupEventNotifier;
-    }
-    notifyListeners = (isActive) => {
-        this.tabGroupEventNotifier.isActive = isActive;
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruTab, deps: [{ token: TruTabGroupEventNotifier }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruTab, isStandalone: true, selector: "tru-tab", inputs: { view: "view", label: "label" }, providers: [TruTabGroupEventNotifier], viewQueries: [{ propertyName: "matTab", first: true, predicate: MatTab, descendants: true }], ngImport: i0, template: "<mat-tab [label]=\"label\" [disabled]=\"!view.window.isActive()\">\r\n  <ng-content></ng-content>\r\n</mat-tab>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2$3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }], encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruTab, decorators: [{
-            type: Component,
-            args: [{ selector: 'tru-tab', imports: [CommonModule, FormsModule, MatTabsModule], encapsulation: ViewEncapsulation.None, providers: [TruTabGroupEventNotifier], template: "<mat-tab [label]=\"label\" [disabled]=\"!view.window.isActive()\">\r\n  <ng-content></ng-content>\r\n</mat-tab>\r\n" }]
-        }], ctorParameters: () => [{ type: TruTabGroupEventNotifier }], propDecorators: { view: [{
-                type: Input
-            }], label: [{
-                type: Input
-            }], matTab: [{
-                type: ViewChild,
-                args: [MatTab]
-            }] } });
-
-class TruTabGroup {
-    tabGroup;
-    tabs;
-    constructor() { }
-    ngAfterViewInit() {
-        const matTabsFromQueryList = this.tabs.map((tab) => tab.matTab);
-        const list = new QueryList();
-        list.reset([matTabsFromQueryList]);
-        this.tabGroup._tabs = list;
-    }
-    onChange(event) {
-        const selectedTabLabel = event.tab.textLabel;
-        this.tabs.forEach((tab) => {
-            if (selectedTabLabel === tab.label) {
-                tab.notifyListeners(true);
-            }
-            else {
-                tab.notifyListeners(false);
-            }
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruTabGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruTabGroup, isStandalone: true, selector: "tru-tab-group", queries: [{ propertyName: "tabs", predicate: TruTab }], viewQueries: [{ propertyName: "tabGroup", first: true, predicate: MatTabGroup, descendants: true }], ngImport: i0, template: "<mat-tab-group #tabGroup\r\n               (selectedTabChange)=\"onChange($event)\"\r\n               animationDuration=\"0ms\">\r\n  <ng-content #outlet></ng-content>\r\n</mat-tab-group>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2$3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }], encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruTabGroup, decorators: [{
-            type: Component,
-            args: [{ selector: 'tru-tab-group', imports: [CommonModule, FormsModule, MatTabsModule], encapsulation: ViewEncapsulation.None, template: "<mat-tab-group #tabGroup\r\n               (selectedTabChange)=\"onChange($event)\"\r\n               animationDuration=\"0ms\">\r\n  <ng-content #outlet></ng-content>\r\n</mat-tab-group>\r\n" }]
-        }], ctorParameters: () => [], propDecorators: { tabGroup: [{
-                type: ViewChild,
-                args: [MatTabGroup]
-            }], tabs: [{
-                type: ContentChildren,
-                args: [TruTab]
-            }] } });
+            this.code = parsedError.Code;
+            this.message = parsedError.Message;
+            this.stackTrace = parsedError.StackTrace;
+            this.status = error.status;
+            this.statusText = error.statusText;
+        }
+    }
+}
 
-class TruLogin {
-    auth;
+class TruErrorManager {
+    http;
+    dialog;
+    textManager;
+    uiNotification;
+    componentLookup;
+    componentFactoryResolver;
+    appRef;
+    injector;
     appEnvironment;
-    loginForm = new FormGroup({
-        username: new FormControl('', Validators.required),
-        password: new FormControl('', Validators.required)
-    });
-    loginError = "";
-    isLoggingIn = false;
-    title;
-    constructor(auth, appEnvironment) {
-        this.auth = auth;
+    baseUrl;
+    appName;
+    constructor(http, dialog, textManager, uiNotification, componentLookup, componentFactoryResolver, appRef, injector, appEnvironment) {
+        this.http = http;
+        this.dialog = dialog;
+        this.textManager = textManager;
+        this.uiNotification = uiNotification;
+        this.componentLookup = componentLookup;
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.appRef = appRef;
+        this.injector = injector;
         this.appEnvironment = appEnvironment;
-        this.title = appEnvironment.loginFormTitle;
-    }
-    get f() {
-        return this.loginForm.controls;
+        this.baseUrl = appEnvironment.appUri;
+        this.appName = appEnvironment.appName;
     }
-    isDisabled = () => {
-        return !this.f.username.value || !this.f.password.value || this.isLoggingIn;
+    handleClientSideError = (error) => {
     };
-    onSubmit() {
-        const loginRequest = {
-            username: this.f.username.value,
-            password: this.f.password.value
-        };
-        if (loginRequest.username && loginRequest.password) {
-            this.isLoggingIn = true;
-            this.auth
-                .login(loginRequest).pipe(finalize(() => {
-                this.isLoggingIn = false;
-            }))
-                .subscribe(() => {
-                this.isLoggingIn = false;
-            }, (error) => {
-                if (error.status === 401) {
-                    this.loginError = "Incorrect username and/or password";
-                }
-                else {
-                    this.loginError = "Invalid Login - Error: " + error.status;
-                }
+    handleServerSideError = (error) => {
+        let serverError = new TruServerError(error);
+        if (serverError.type === 'tru-db-custom-exception') {
+            var component = this.componentLookup.get(serverError.componentName);
+            this.dialog.open(component, {
+                disableClose: true,
+                minWidth: "400px",
+                maxWidth: "600px",
+                data: serverError
             });
         }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruLogin, deps: [{ token: TruAuth }, { token: TruAppEnvironment }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruLogin, isStandalone: false, selector: "tru-login", ngImport: i0, template: "<div class=\"login-wrapper\">\r\n  <form [formGroup]=\"loginForm\" (ngSubmit)=\"onSubmit()\">\r\n    <mat-card class=\"animate-login\">\r\n      <mat-card-header>\r\n        <mat-card-title> {{title}} </mat-card-title>\r\n      </mat-card-header>\r\n      <mat-card-content>\r\n        <mat-form-field>\r\n          <mat-label>Username</mat-label>\r\n          <input matInput formControlName=\"username\" placeholder=\"Username\">\r\n        </mat-form-field>\r\n        <mat-form-field>\r\n          <mat-label>Password</mat-label>\r\n          <input matInput type=\"password\" formControlName=\"password\" placeholder=\"Password\">\r\n        </mat-form-field>\r\n        <div *ngIf=\"loginError\" class=\"animate-login-error animated rubberBand\">\r\n          <p style=\"color: red; font-weight: bold;\"> {{ loginError }}</p>\r\n        </div>\r\n      </mat-card-content>\r\n      <mat-card-actions>\r\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"isDisabled()\">Login</button>\r\n      </mat-card-actions>\r\n    </mat-card>\r\n  </form>\r\n</div>\r\n", styles: [".login-container{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;padding:0}.login-input{margin-bottom:20px}.animate-login{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;margin-top:50px}.wrapper{display:flex;justify-content:center;align-items:center;height:100vh}mat-card{max-width:300px;width:100%;max-height:300px;padding:20px}.form-group{width:100%;max-width:400px;margin-bottom:20px}.login-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}::ng-deep .login-wrapper .mat-mdc-text-field-wrapper{padding:0 16px!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5$3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i5$3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5$3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5$3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruLogin, decorators: [{
-            type: Component,
-            args: [{ selector: 'tru-login', standalone: false, template: "<div class=\"login-wrapper\">\r\n  <form [formGroup]=\"loginForm\" (ngSubmit)=\"onSubmit()\">\r\n    <mat-card class=\"animate-login\">\r\n      <mat-card-header>\r\n        <mat-card-title> {{title}} </mat-card-title>\r\n      </mat-card-header>\r\n      <mat-card-content>\r\n        <mat-form-field>\r\n          <mat-label>Username</mat-label>\r\n          <input matInput formControlName=\"username\" placeholder=\"Username\">\r\n        </mat-form-field>\r\n        <mat-form-field>\r\n          <mat-label>Password</mat-label>\r\n          <input matInput type=\"password\" formControlName=\"password\" placeholder=\"Password\">\r\n        </mat-form-field>\r\n        <div *ngIf=\"loginError\" class=\"animate-login-error animated rubberBand\">\r\n          <p style=\"color: red; font-weight: bold;\"> {{ loginError }}</p>\r\n        </div>\r\n      </mat-card-content>\r\n      <mat-card-actions>\r\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"isDisabled()\">Login</button>\r\n      </mat-card-actions>\r\n    </mat-card>\r\n  </form>\r\n</div>\r\n", styles: [".login-container{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;padding:0}.login-input{margin-bottom:20px}.animate-login{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;margin-top:50px}.wrapper{display:flex;justify-content:center;align-items:center;height:100vh}mat-card{max-width:300px;width:100%;max-height:300px;padding:20px}.form-group{width:100%;max-width:400px;margin-bottom:20px}.login-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}::ng-deep .login-wrapper .mat-mdc-text-field-wrapper{padding:0 16px!important}\n"] }]
-        }], ctorParameters: () => [{ type: TruAuth }, { type: TruAppEnvironment }] });
-
-class TruAuthJwtStrategy {
-    JWT_ACCESS_TOKEN = "ACCESS_TOKEN";
-    JWT_REFRESH_TOKEN = "REFRESH_TOKEN";
-    doLoginUser(token) {
-        localStorage.setItem(this.JWT_ACCESS_TOKEN, JSON.stringify(token.accessToken));
-        localStorage.setItem(this.JWT_REFRESH_TOKEN, JSON.stringify(token.refreshToken));
-    }
-    doLogoutUser() {
-        localStorage.removeItem(this.JWT_ACCESS_TOKEN);
-    }
-    isLoggedIn() {
-        return !!this.getJwtToken();
-    }
-    createUser(user) {
-        let jwtData = this.getDecodedJwtJsonData();
-        console.log(jwtData);
-        let userData = {
-            activeUserRef: jwtData.UserRef,
-            firstName: jwtData.FirstName,
-            lastName: jwtData.LastName,
-            email: jwtData.Email,
-            username: jwtData['http://schemas.xmlsoap.org/ws/2005/05/identity/claims/name'],
-            roles: jwtData['http://schemas.microsoft.com/ws/2008/06/identity/claims/role']
-        };
-        return of(user.create(userData));
-    }
-    getJwtToken() {
-        try {
-            return JSON.parse(localStorage.getItem(this.JWT_ACCESS_TOKEN));
+        else if (serverError.type.indexOf('TruDbRequireValidChoiceException') !== -1) {
+            let dialogConfig = new TruErrorDialogConfig('Require Valid Choice Exception', error.message, serverError.stackTrace);
+            this.dialog.open(TruErrorDialog, {
+                disableClose: true,
+                minWidth: "400px",
+                maxWidth: "600px",
+                data: dialogConfig
+            });
         }
-        catch (e) {
-            return null;
+        else if (serverError.type.indexOf('DuplicateKeyError') !== -1) {
+            let dialogConfig = new TruErrorDialogConfig('Duplicate Key Error', error.message
+                .replace('Cannot insert duplicate key row in object', 'Cannot insert duplicate value in table')
+                .replace('dbo.', '')
+                .replace('UIX_', '')
+                .replace('The statement has been terminated.', ''), serverError.stackTrace);
+            this.dialog.open(TruErrorDialog, {
+                disableClose: true,
+                minWidth: "400px",
+                maxWidth: "600px",
+                data: dialogConfig
+            });
         }
-    }
-    getDecodedJwtJsonData() {
-        let token = this.getJwtToken();
-        let payload = {};
-        if (token && token !== "undefined") {
-            const encodedPayload = token.split(".")[1];
-            const payloadStr = window.atob(encodedPayload);
-            payload = JSON.parse(payloadStr);
+        else if (serverError.type.indexOf('OptimisticLockViolation') !== -1) {
+            let dialogConfig = new TruErrorDialogConfig('Concurrent saves not allowed', 'Please review any changes and save again.', serverError.stackTrace);
+            this.dialog.open(TruErrorDialog, {
+                disableClose: true,
+                minWidth: "400px",
+                maxWidth: "600px",
+                data: dialogConfig
+            });
         }
-        return payload;
-    }
-    getToken() {
-        var token = this.getJwtToken();
-        if (token && token !== "undefined") {
-            const encodedPayload = token.split(".")[1];
-            const payloadStr = window.atob(encodedPayload);
-            var payload = JSON.parse(payloadStr);
-            var exp = payload["exp"];
-            var d = new Date();
-            var epoch = Math.round(d.getTime() / 1000);
-            if (exp < epoch) {
-                localStorage.removeItem(this.JWT_ACCESS_TOKEN);
-                return null;
-            }
+        else if (serverError.type.lastIndexOf('TruDB.EfMssql.Runtime.DataError', 0) === 0) {
+            this.uiNotification.error(this.textManager.fmtDataError(serverError.type), [this.textManager.fmtExceptionToShow(serverError.stackTrace)]);
         }
-        return token;
-    }
+        else {
+            var message = this.textManager.fmtErrorToShow(serverError);
+            let dialogConfig = new TruErrorDialogConfig(serverError.type, serverError.message, serverError.stackTrace);
+            this.dialog.open(TruErrorDialog, {
+                disableClose: true,
+                minWidth: "400px",
+                maxWidth: "600px",
+                data: dialogConfig
+            });
+        }
+    };
+    handleError = (error) => {
+        if (error.type)
+            this.handleClientSideError(error);
+        else
+            this.handleServerSideError(error);
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruErrorManager, deps: [{ token: i2.HttpClient }, { token: i1.MatDialog }, { token: TruTextManager }, { token: TruUiNotification }, { token: TruComponentLookup }, { token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: TruAppEnvironment }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruErrorManager, providedIn: 'root' });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruErrorManager, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i2.HttpClient }, { type: i1.MatDialog }, { type: TruTextManager }, { type: TruUiNotification }, { type: TruComponentLookup }, { type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: TruAppEnvironment }] });
 
-class TruAuthInterceptor {
-    auth;
-    appEnvironment;
-    jwt;
-    constructor(auth, appEnvironment, jwt) {
-        this.auth = auth;
-        this.appEnvironment = appEnvironment;
-        this.jwt = jwt;
+class TruErrorInterceptor {
+    errorManager;
+    constructor(errorManager) {
+        this.errorManager = errorManager;
     }
     intercept(request, next) {
-        if (this.appEnvironment.authType === 'jwt')
-            request = this.addToken(request, String(this.jwt.getToken()));
-        if (this.appEnvironment.authType === 'session')
-            request = request.clone({
-                withCredentials: true
-            });
         return next.handle(request).pipe(catchError((error) => {
-            if (error.status === 401) {
-                this.auth.doLogoutAndRedirectToLogin();
-            }
-            return throwError(error);
-        }));
-    }
-    addToken(request, token) {
-        return request.clone({
-            setHeaders: { Authorization: `Bearer ${token}` },
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruAuthInterceptor, deps: [{ token: TruAuth }, { token: TruAppEnvironment }, { token: TRU_AUTH_STRATEGY }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruAuthInterceptor });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruAuthInterceptor, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: TruAuth }, { type: TruAppEnvironment }, { type: TruAuthJwtStrategy, decorators: [{
-                    type: Inject,
-                    args: [TRU_AUTH_STRATEGY]
-                }] }] });
-
-class TruAuthSessionStrategy {
-    http;
-    loggedUser;
-    constructor(http) {
-        this.http = http;
-    }
-    doLoginUser(user) {
-        this.loggedUser = user;
-    }
-    doLogoutUser() {
-        this.loggedUser = undefined;
-    }
-    createUser(user) {
-        return of({});
-    }
-    isLoggedIn() {
-        return false; //todo, implement this
+            if (error.status !== 401 && !(error.error instanceof Blob))
+                this.errorManager.handleError(error);
+            return next.handle(request);
+        }));
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruErrorInterceptor, deps: [{ token: TruErrorManager }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruErrorInterceptor });
 }
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruErrorInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: TruErrorManager }] });
 
-const TruAuthStrategyProvider = {
-    provide: TRU_AUTH_STRATEGY,
-    deps: [HttpClient, TruAppEnvironment],
-    useFactory: (http, appEnvironment) => {
-        switch (appEnvironment.authType) {
-            case "session":
-                return new TruAuthSessionStrategy(http);
-            case "jwt":
-                return new TruAuthJwtStrategy();
-            default:
-                throw new Error("Invalid auth strategy");
-        }
-    },
-};
+class TruColumn {
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruColumn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruColumn, isStandalone: true, selector: "tru-column", ngImport: i0, template: "<li>\r\n  <div class=\"tvl-container-grid js-grid\">\r\n    <div class=\"tvl-container-grid-col\">\r\n      <div class=\"tvl-container-panel\">\r\n        <ul class=\"tvl-container-vList\">\r\n          <ng-content></ng-content>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</li>\r\n", styles: ["button{margin-right:5px}.button-container{margin-bottom:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruColumn, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-column', imports: [CommonModule, FormsModule], template: "<li>\r\n  <div class=\"tvl-container-grid js-grid\">\r\n    <div class=\"tvl-container-grid-col\">\r\n      <div class=\"tvl-container-panel\">\r\n        <ul class=\"tvl-container-vList\">\r\n          <ng-content></ng-content>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</li>\r\n", styles: ["button{margin-right:5px}.button-container{margin-bottom:10px}\n"] }]
+        }], ctorParameters: () => [] });
 
-const routes = [
-    {
-        path: 'login',
-        component: TruLogin
+class TruForm {
+    element;
+    constructor(element) {
+        this.element = element;
     }
-];
-class TruLoginModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruLoginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.3", ngImport: i0, type: TruLoginModule, declarations: [TruLogin], imports: [CommonModule, MaterialModule, FormsModule, ReactiveFormsModule, i1$4.RouterModule], exports: [TruLogin] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruLoginModule, providers: [
-            {
-                provide: HTTP_INTERCEPTORS,
-                useClass: TruAuthInterceptor,
-                multi: true,
-            },
-            {
-                provide: HTTP_INTERCEPTORS,
-                useClass: TruErrorInterceptor,
-                multi: true,
-            },
-            TruAuthStrategyProvider
-        ], imports: [CommonModule, MaterialModule, FormsModule, ReactiveFormsModule, RouterModule.forChild(routes)] });
+    ngAfterViewInit() {
+        this.updateLayout();
+    }
+    updateLayout = () => {
+        let rowComponentElements = this.element.nativeElement.querySelectorAll('.tvl-container-hList');
+        rowComponentElements.forEach((rowComponentElement) => {
+            var numberOfItems = rowComponentElement.children.length;
+            var childWidth = 100 / numberOfItems;
+            [...rowComponentElement.children].forEach((rowChildElement, index) => {
+                if (index === numberOfItems - 1) {
+                    rowChildElement.style['width'] = 'calc(' + childWidth + '% - 10px)';
+                }
+                else {
+                    rowChildElement.style['width'] = 'calc(' + childWidth + '% - 5px)';
+                }
+                if (index > 0)
+                    rowChildElement.style['margin-left'] = '5px';
+            });
+        });
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruForm, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruForm, isStandalone: true, selector: "tru-form", ngImport: i0, template: "<div class=\"tvl-container-grid js-grid\">\r\n  <div class=\"tvl-container-grid-col\">\r\n    <div class=\"tvl-container-panel\">\r\n      <ul class=\"tvl-container-hList\">\r\n        <ng-content></ng-content>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["button{margin-right:5px}.button-container{margin-bottom:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruLoginModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [TruLogin],
-                    imports: [CommonModule, MaterialModule, FormsModule, ReactiveFormsModule, RouterModule.forChild(routes)],
-                    exports: [TruLogin],
-                    providers: [
-                        {
-                            provide: HTTP_INTERCEPTORS,
-                            useClass: TruAuthInterceptor,
-                            multi: true,
-                        },
-                        {
-                            provide: HTTP_INTERCEPTORS,
-                            useClass: TruErrorInterceptor,
-                            multi: true,
-                        },
-                        TruAuthStrategyProvider
-                    ],
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruForm, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-form', imports: [CommonModule, FormsModule], template: "<div class=\"tvl-container-grid js-grid\">\r\n  <div class=\"tvl-container-grid-col\">\r\n    <div class=\"tvl-container-panel\">\r\n      <ul class=\"tvl-container-hList\">\r\n        <ng-content></ng-content>\r\n      </ul>\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: ["button{margin-right:5px}.button-container{margin-bottom:10px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
-var TruValidationDialogContext;
-(function (TruValidationDialogContext) {
-    TruValidationDialogContext[TruValidationDialogContext["Control"] = 0] = "Control";
-    TruValidationDialogContext[TruValidationDialogContext["Grid"] = 1] = "Grid";
-    TruValidationDialogContext[TruValidationDialogContext["Card"] = 2] = "Card";
-})(TruValidationDialogContext || (TruValidationDialogContext = {}));
+class TruGroupBox {
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruGroupBox, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruGroupBox, isStandalone: true, selector: "tru-group-box", ngImport: i0, template: "<div>\r\n  <ng-content></ng-content>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruGroupBox, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-group-box', imports: [CommonModule, FormsModule], template: "<div>\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [] });
 
-class TruValidationDialog {
-    renderer;
-    elementRef;
-    util;
-    config;
-    close = new EventEmitter();
-    errorMsg = '';
-    rowElement;
-    cellElement;
-    listeners = [];
-    constructor(renderer, elementRef, util) {
-        this.renderer = renderer;
-        this.elementRef = elementRef;
-        this.util = util;
+class TruRow {
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruRow, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruRow, isStandalone: true, selector: "tru-row", ngImport: i0, template: "<li>\r\n  <div class=\"tvl-container-grid js-grid\">\r\n    <div class=\"tvl-container-grid-col\">\r\n      <div class=\"tvl-container-panel\">\r\n        <ul class=\"tvl-container-hList\">\r\n          <ng-content></ng-content>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</li>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruRow, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-row', imports: [CommonModule, FormsModule], template: "<li>\r\n  <div class=\"tvl-container-grid js-grid\">\r\n    <div class=\"tvl-container-grid-col\">\r\n      <div class=\"tvl-container-panel\">\r\n        <ul class=\"tvl-container-hList\">\r\n          <ng-content></ng-content>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</li>\r\n" }]
+        }], ctorParameters: () => [] });
+
+class TruTab {
+    tabGroupEventNotifier;
+    view;
+    label;
+    matTab;
+    constructor(tabGroupEventNotifier) {
+        this.tabGroupEventNotifier = tabGroupEventNotifier;
     }
-    onAcceptAll = () => {
-        let entity = this.config.entity;
-        let originalValues = entity.entityAspect.originalValues;
-        for (const key in this.config.mergeData?.getAll()) {
-            entity[key] = this.config.mergeData?.get(key).value;
-            if (originalValues.hasOwnProperty(key))
-                delete originalValues[key];
-        }
-        ;
-        if (Object.keys(originalValues).length === 0 && originalValues.constructor === Object)
-            entity.entityAspect.setUnchanged();
-        entity.Merge_Data_Set.clearAll();
-        entity.entityAspect.validateEntity();
-        if (this.config.context === TruValidationDialogContext.Grid)
-            this.elementRef.nativeElement.remove();
-    };
-    onAccept = () => {
-        let entity = this.config.entity;
-        let originalValues = entity.entityAspect.originalValues;
-        let propertyName = this.config.propertyName;
-        entity[propertyName] = this.config.mergeData?.get(propertyName).value;
-        this.config.mergeData?.clear(propertyName);
-        if (originalValues.hasOwnProperty(propertyName) && (Object.keys(originalValues).length === 0 && originalValues.constructor === Object))
-            delete originalValues[propertyName];
-        if (this.config.mergeData?.isEmpty())
-            entity.entityAspect.setUnchanged();
-        entity.entityAspect.validateEntity();
-        if (this.config.context === TruValidationDialogContext.Grid)
-            this.elementRef.nativeElement.remove();
-    };
-    onDecline = () => {
-        let entity = this.config.entity;
-        this.config.mergeData?.clearAll();
-        entity.entityAspect.validateEntity();
-        if (this.config.context === TruValidationDialogContext.Grid)
-            this.elementRef.nativeElement.remove();
+    notifyListeners = (isActive) => {
+        this.tabGroupEventNotifier.isActive = isActive;
     };
-    ngOnInit() {
-        this.errorMsg = this.config.errorMsg;
-        if (this.config.context === TruValidationDialogContext.Control) {
-            var invalidTarget = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.invalid-target');
-            if (invalidTarget) {
-                this.listeners.push(this.renderer.listen(invalidTarget, 'mouseenter', (event) => {
-                    this.elementRef.nativeElement.childNodes[0].classList.remove('hide');
-                    this.elementRef.nativeElement.childNodes[0].classList.add('show');
-                }));
-                this.listeners.push(this.renderer.listen(invalidTarget, 'mouseleave', (event) => {
-                    this.elementRef.nativeElement.childNodes[0].classList.remove('show');
-                    this.elementRef.nativeElement.childNodes[0].classList.add('hide');
-                }));
-            }
-        }
-        else if (this.config.context === TruValidationDialogContext.Grid) {
-            this.rowElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-row');
-            this.cellElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value');
-            this.rowElement.style.zIndex = '10000000000';
-            this.cellElement.classList.add('show');
-            this.errorMsg = this.config.errorMsg;
-        }
-    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruTab, deps: [{ token: TruTabGroupEventNotifier }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruTab, isStandalone: true, selector: "tru-tab", inputs: { view: "view", label: "label" }, providers: [TruTabGroupEventNotifier], viewQueries: [{ propertyName: "matTab", first: true, predicate: MatTab, descendants: true }], ngImport: i0, template: "<mat-tab [label]=\"label\" [disabled]=\"!view.window.isActive()\">\r\n  <ng-content></ng-content>\r\n</mat-tab>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2$3.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruTab, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-tab', imports: [CommonModule, FormsModule, MatTabsModule], encapsulation: ViewEncapsulation.None, providers: [TruTabGroupEventNotifier], template: "<mat-tab [label]=\"label\" [disabled]=\"!view.window.isActive()\">\r\n  <ng-content></ng-content>\r\n</mat-tab>\r\n" }]
+        }], ctorParameters: () => [{ type: TruTabGroupEventNotifier }], propDecorators: { view: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], matTab: [{
+                type: ViewChild,
+                args: [MatTab]
+            }] } });
+
+class TruTabGroup {
+    tabGroup;
+    tabs;
+    constructor() { }
     ngAfterViewInit() {
-        if (this.config.context === TruValidationDialogContext.Control) {
-            let invalidTarget = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.invalid-target');
-            if (invalidTarget)
-                invalidTarget.classList.add('invalid');
-        }
+        const matTabsFromQueryList = this.tabs.map((tab) => tab.matTab);
+        const list = new QueryList();
+        list.reset([matTabsFromQueryList]);
+        this.tabGroup._tabs = list;
     }
-    ngOnDestroy() {
-        if (this.config.context === TruValidationDialogContext.Control) {
-            let invalidTarget = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.invalid-target');
-            if (invalidTarget)
-                invalidTarget.classList.remove('invalid');
-        }
-        else if (this.config.context === TruValidationDialogContext.Grid) {
-            this.rowElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-row');
-            this.cellElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value');
-            if (this.rowElement)
-                this.rowElement.style.zIndex = 'auto';
-            if (this.cellElement)
-                this.cellElement.classList.remove('show');
-        }
-        this.listeners.forEach(l => l());
+    onChange(event) {
+        const selectedTabLabel = event.tab.textLabel;
+        this.tabs.forEach((tab) => {
+            if (selectedTabLabel === tab.label) {
+                tab.notifyListeners(true);
+            }
+            else {
+                tab.notifyListeners(false);
+            }
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruValidationDialog, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TruUtil }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", type: TruValidationDialog, isStandalone: true, selector: "tru-validation-dialog", inputs: { config: "config" }, outputs: { close: "close" }, ngImport: i0, template: "@if (config.context === 0) {\r\n<div class=\"invalid hide\">\r\n  <i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n  <div *ngIf=\"config.mergeData\">\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n  </div>\r\n</div>\r\n<span class=\"invalid-flag\"></span>\r\n}\r\n@else {\r\n<i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n<div *ngIf=\"config.mergeData\">\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n</div>\r\n}\r\n", styles: ["::ng-deep .tru-control.edit .mat-mdc-form-field .invalid,::ng-deep .tru-control.list .mat-mdc-form-field .invalid,::ng-deep .NgxEditor__Wrapper .invalid{position:absolute;left:0;top:24px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px!important}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid.hide,::ng-deep .tru-control.list .mat-mdc-form-field .invalid.hide,::ng-deep .NgxEditor__Wrapper .invalid.hide{display:none!important}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid.show,::ng-deep .tru-control.list .mat-mdc-form-field .invalid.show,::ng-deep .NgxEditor__Wrapper .invalid.show{display:inline-block!important}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid-flag,::ng-deep .tru-control.list .mat-mdc-form-field .invalid-flag,::ng-deep .NgxEditor__Wrapper .invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:3px;height:3px;border-bottom:solid 3px transparent;border-right:solid 3px transparent;border-left:solid 3px red;border-top:solid 3px red}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid-triangle:after,::ng-deep .tru-control.list .mat-mdc-form-field .invalid-triangle:after{box-sizing:border-box}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid,::ng-deep .tru-control.list .mat-mdc-form-field .invalid,::ng-deep .NgxEditor__Wrapper .invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;-ms-border-radius:3px 3px 3px 3px!important;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}::ng-deep .merge-button,::ng-deep .NgxEditor__Wrapper .invalid .merge-button{margin:5px;font-size:12px;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#fff}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:before{border-bottom-color:red!important}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:after{border-bottom-color:red!important}.invalid{font-family:Calibri,Helvetica,Arial,sans-serif!important}i{line-height:24px!important}::ng-deep .ag-row .ag-cell-value .invalid{position:absolute;left:0;top:18px;-moz-min-width:200px;-ms-min-width:200px;-o-min-width:200px;-webkit-min-width:200px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px}::ng-deep .ag-row .ag-cell-value.hide .invalid{display:none!important}::ng-deep .ag-row .ag-cell-value.show .invalid{display:inline-block!important}::ng-deep .ag-row .ag-cell-value.invalid.show{overflow:visible!important}::ng-deep .ag-row .ag-cell-value .invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;-ms-border-radius:3px 3px 3px 3px!important;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}::ng-deep .ag-cell .tru-control.list.in-cell .invalid-flag{display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruTabGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruTabGroup, isStandalone: true, selector: "tru-tab-group", queries: [{ propertyName: "tabs", predicate: TruTab }], viewQueries: [{ propertyName: "tabGroup", first: true, predicate: MatTabGroup, descendants: true }], ngImport: i0, template: "<mat-tab-group #tabGroup\r\n               (selectedTabChange)=\"onChange($event)\"\r\n               animationDuration=\"0ms\">\r\n  <ng-content #outlet></ng-content>\r\n</mat-tab-group>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2$3.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruValidationDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruTabGroup, decorators: [{
             type: Component,
-            args: [{ selector: 'tru-validation-dialog', imports: [CommonModule, FormsModule], template: "@if (config.context === 0) {\r\n<div class=\"invalid hide\">\r\n  <i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n  <div *ngIf=\"config.mergeData\">\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n  </div>\r\n</div>\r\n<span class=\"invalid-flag\"></span>\r\n}\r\n@else {\r\n<i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n<div *ngIf=\"config.mergeData\">\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n</div>\r\n}\r\n", styles: ["::ng-deep .tru-control.edit .mat-mdc-form-field .invalid,::ng-deep .tru-control.list .mat-mdc-form-field .invalid,::ng-deep .NgxEditor__Wrapper .invalid{position:absolute;left:0;top:24px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px!important}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid.hide,::ng-deep .tru-control.list .mat-mdc-form-field .invalid.hide,::ng-deep .NgxEditor__Wrapper .invalid.hide{display:none!important}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid.show,::ng-deep .tru-control.list .mat-mdc-form-field .invalid.show,::ng-deep .NgxEditor__Wrapper .invalid.show{display:inline-block!important}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid-flag,::ng-deep .tru-control.list .mat-mdc-form-field .invalid-flag,::ng-deep .NgxEditor__Wrapper .invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:3px;height:3px;border-bottom:solid 3px transparent;border-right:solid 3px transparent;border-left:solid 3px red;border-top:solid 3px red}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid-triangle:after,::ng-deep .tru-control.list .mat-mdc-form-field .invalid-triangle:after{box-sizing:border-box}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid,::ng-deep .tru-control.list .mat-mdc-form-field .invalid,::ng-deep .NgxEditor__Wrapper .invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;-ms-border-radius:3px 3px 3px 3px!important;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}::ng-deep .merge-button,::ng-deep .NgxEditor__Wrapper .invalid .merge-button{margin:5px;font-size:12px;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#fff}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:before{border-bottom-color:red!important}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:after{border-bottom-color:red!important}.invalid{font-family:Calibri,Helvetica,Arial,sans-serif!important}i{line-height:24px!important}::ng-deep .ag-row .ag-cell-value .invalid{position:absolute;left:0;top:18px;-moz-min-width:200px;-ms-min-width:200px;-o-min-width:200px;-webkit-min-width:200px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px}::ng-deep .ag-row .ag-cell-value.hide .invalid{display:none!important}::ng-deep .ag-row .ag-cell-value.show .invalid{display:inline-block!important}::ng-deep .ag-row .ag-cell-value.invalid.show{overflow:visible!important}::ng-deep .ag-row .ag-cell-value .invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;-ms-border-radius:3px 3px 3px 3px!important;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}::ng-deep .ag-cell .tru-control.list.in-cell .invalid-flag{display:none!important}\n"] }]
-        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: TruUtil }], propDecorators: { config: [{
-                type: Input
-            }], close: [{
-                type: Output
+            args: [{ selector: 'tru-tab-group', imports: [CommonModule, FormsModule, MatTabsModule], encapsulation: ViewEncapsulation.None, template: "<mat-tab-group #tabGroup\r\n               (selectedTabChange)=\"onChange($event)\"\r\n               animationDuration=\"0ms\">\r\n  <ng-content #outlet></ng-content>\r\n</mat-tab-group>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { tabGroup: [{
+                type: ViewChild,
+                args: [MatTabGroup]
+            }], tabs: [{
+                type: ContentChildren,
+                args: [TruTab]
             }] } });
 
-class TruValidationDialogConfig {
-    _entity;
-    _propertyConfig;
-    _context;
-    _isSubProperty;
-    _ignore;
-    _propertyName = '';
-    _errorMsg = '';
-    _mergeData = null;
-    get entity() {
-        return this._entity;
-    }
-    get propertyConfig() {
-        return this._propertyConfig;
-    }
-    get context() {
-        return this._context;
-    }
-    get isSubProperty() {
-        return this._isSubProperty;
-    }
-    get ignore() {
-        return this._ignore;
-    }
-    get propertyName() {
-        return this._propertyName;
-    }
-    set propertyName(value) {
-        this._propertyName = value;
-    }
-    get errorMsg() {
-        return this._errorMsg;
-    }
-    set errorMsg(value) {
-        this._errorMsg = value;
-    }
-    get mergeData() {
-        return this._mergeData;
-    }
-    set mergeData(value) {
-        this._mergeData = value;
-    }
-    constructor(entity, propertyConfig, context = TruValidationDialogContext.Control, isSubProperty = false, ignore = false) {
-        this._entity = entity;
-        this._propertyConfig = propertyConfig;
-        this._context = context;
-        this._isSubProperty = isSubProperty;
-        this._ignore = ignore;
+class TruLogin {
+    auth;
+    appEnvironment;
+    loginForm = new FormGroup({
+        username: new FormControl('', Validators.required),
+        password: new FormControl('', Validators.required)
+    });
+    loginError = "";
+    isLoggingIn = false;
+    title;
+    constructor(auth, appEnvironment) {
+        this.auth = auth;
+        this.appEnvironment = appEnvironment;
+        this.title = appEnvironment.loginFormTitle;
     }
-}
-
-class TruBreezeValidator {
-    el;
-    dataContext;
-    viewContainerRef;
-    componentFactoryResolver;
-    entity;
-    config;
-    constructor(el, dataContext, viewContainerRef, componentFactoryResolver) {
-        this.el = el;
-        this.dataContext = dataContext;
-        this.viewContainerRef = viewContainerRef;
-        this.componentFactoryResolver = componentFactoryResolver;
+    get f() {
+        return this.loginForm.controls;
     }
-    configModel = {};
-    mergeData;
-    dialogRef = null;
-    subs = [];
-    currentDialog = null;
-    context = TruValidationDialogContext.Control;
-    getMergeData = () => {
-        if (this.config.propertyPath?.includes('/')) {
-            let propertyNameParts = this.config.propertyPath.split('/');
-            propertyNameParts.pop();
-            let targetProperty;
-            propertyNameParts.forEach((name) => {
-                if (!targetProperty) {
-                    let targetPropertyName = 'o' + name;
-                    targetProperty = this.entity[targetPropertyName];
+    isDisabled = () => {
+        return !this.f.username.value || !this.f.password.value || this.isLoggingIn;
+    };
+    onSubmit() {
+        const loginRequest = {
+            username: this.f.username.value,
+            password: this.f.password.value
+        };
+        if (loginRequest.username && loginRequest.password) {
+            this.isLoggingIn = true;
+            this.auth
+                .login(loginRequest).pipe(finalize(() => {
+                this.isLoggingIn = false;
+            }))
+                .subscribe(() => {
+                this.isLoggingIn = false;
+            }, (error) => {
+                if (error.status === 401) {
+                    this.loginError = "Incorrect username and/or password";
                 }
                 else {
-                    let targetPropertyName = 'o' + name;
-                    targetProperty = targetProperty[targetPropertyName];
+                    this.loginError = "Invalid Login - Error: " + error.status;
                 }
             });
-            if (targetProperty && targetProperty.Merge_Data) {
-                return targetProperty.Merge_Data_Set;
-            }
-            return undefined;
-        }
-        else {
-            return this.entity.Merge_Data_Set?.get(this.config.propertyName) ? this.entity.Merge_Data_Set : undefined;
         }
-    };
-    parseErrorMessages = (validationErrors) => {
-        let errorMsg = '';
-        validationErrors.forEach((error) => {
-            errorMsg += error.errorMessage + '; ';
-        });
-        return errorMsg;
-    };
-    addValidationDialog = (config) => {
-        let componentFactory = this.componentFactoryResolver.resolveComponentFactory(TruValidationDialog);
-        let component = this.viewContainerRef.createComponent(componentFactory, 0, this.viewContainerRef.injector);
-        component.instance.config = config;
-        this.currentDialog = component;
-        this.dialogRef = component;
-    };
-    removeValidationDialog = () => {
-        if (this.currentDialog) {
-            this.currentDialog.destroy();
-            this.currentDialog = null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruLogin, deps: [{ token: TruAuth }, { token: TruAppEnvironment }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.3", type: TruLogin, isStandalone: false, selector: "tru-login", ngImport: i0, template: "<div class=\"login-wrapper\">\r\n  <form [formGroup]=\"loginForm\" (ngSubmit)=\"onSubmit()\">\r\n    <mat-card class=\"animate-login\">\r\n      <mat-card-header>\r\n        <mat-card-title> {{title}} </mat-card-title>\r\n      </mat-card-header>\r\n      <mat-card-content>\r\n        <mat-form-field>\r\n          <mat-label>Username</mat-label>\r\n          <input matInput formControlName=\"username\" placeholder=\"Username\">\r\n        </mat-form-field>\r\n        <mat-form-field>\r\n          <mat-label>Password</mat-label>\r\n          <input matInput type=\"password\" formControlName=\"password\" placeholder=\"Password\">\r\n        </mat-form-field>\r\n        <div *ngIf=\"loginError\" class=\"animate-login-error animated rubberBand\">\r\n          <p style=\"color: red; font-weight: bold;\"> {{ loginError }}</p>\r\n        </div>\r\n      </mat-card-content>\r\n      <mat-card-actions>\r\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"isDisabled()\">Login</button>\r\n      </mat-card-actions>\r\n    </mat-card>\r\n  </form>\r\n</div>\r\n", styles: [".login-container{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;padding:0}.login-input{margin-bottom:20px}.animate-login{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;margin-top:50px}.wrapper{display:flex;justify-content:center;align-items:center;height:100vh}mat-card{max-width:300px;width:100%;max-height:300px;padding:20px}.form-group{width:100%;max-width:400px;margin-bottom:20px}.login-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}::ng-deep .login-wrapper .mat-mdc-text-field-wrapper{padding:0 16px!important}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i5$3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i5$3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i5$3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i5$3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i5$3.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatLabel, selector: "mat-label" }, { kind: "directive", type: i7.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i7.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i7.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruLogin, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-login', standalone: false, template: "<div class=\"login-wrapper\">\r\n  <form [formGroup]=\"loginForm\" (ngSubmit)=\"onSubmit()\">\r\n    <mat-card class=\"animate-login\">\r\n      <mat-card-header>\r\n        <mat-card-title> {{title}} </mat-card-title>\r\n      </mat-card-header>\r\n      <mat-card-content>\r\n        <mat-form-field>\r\n          <mat-label>Username</mat-label>\r\n          <input matInput formControlName=\"username\" placeholder=\"Username\">\r\n        </mat-form-field>\r\n        <mat-form-field>\r\n          <mat-label>Password</mat-label>\r\n          <input matInput type=\"password\" formControlName=\"password\" placeholder=\"Password\">\r\n        </mat-form-field>\r\n        <div *ngIf=\"loginError\" class=\"animate-login-error animated rubberBand\">\r\n          <p style=\"color: red; font-weight: bold;\"> {{ loginError }}</p>\r\n        </div>\r\n      </mat-card-content>\r\n      <mat-card-actions>\r\n        <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"isDisabled()\">Login</button>\r\n      </mat-card-actions>\r\n    </mat-card>\r\n  </form>\r\n</div>\r\n", styles: [".login-container{display:flex;justify-content:center;align-items:center;height:100vh;margin:0;padding:0}.login-input{margin-bottom:20px}.animate-login{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;margin-top:50px}.wrapper{display:flex;justify-content:center;align-items:center;height:100vh}mat-card{max-width:300px;width:100%;max-height:300px;padding:20px}.form-group{width:100%;max-width:400px;margin-bottom:20px}.login-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}::ng-deep .login-wrapper .mat-mdc-text-field-wrapper{padding:0 16px!important}\n"] }]
+        }], ctorParameters: () => [{ type: TruAuth }, { type: TruAppEnvironment }] });
+
+class TruAuthJwtStrategy {
+    JWT_ACCESS_TOKEN = "ACCESS_TOKEN";
+    JWT_REFRESH_TOKEN = "REFRESH_TOKEN";
+    doLoginUser(token) {
+        localStorage.setItem(this.JWT_ACCESS_TOKEN, JSON.stringify(token.accessToken));
+        localStorage.setItem(this.JWT_REFRESH_TOKEN, JSON.stringify(token.refreshToken));
+    }
+    doLogoutUser() {
+        localStorage.removeItem(this.JWT_ACCESS_TOKEN);
+    }
+    isLoggedIn() {
+        return !!this.getJwtToken();
+    }
+    createUser(user) {
+        let jwtData = this.getDecodedJwtJsonData();
+        console.log(jwtData);
+        let userData = {
+            activeUserRef: jwtData.UserRef,
+            firstName: jwtData.FirstName,
+            lastName: jwtData.LastName,
+            email: jwtData.Email,
+            username: jwtData['http://schemas.xmlsoap.org/ws/2005/05/identity/claims/name'],
+            roles: jwtData['http://schemas.microsoft.com/ws/2008/06/identity/claims/role']
+        };
+        return of(user.create(userData));
+    }
+    getJwtToken() {
+        try {
+            return JSON.parse(localStorage.getItem(this.JWT_ACCESS_TOKEN));
         }
-    };
-    valErrsChanged = (validationObject) => {
-        let validationObjectEntity = validationObject.entity;
-        let validationTableName = validationObjectEntity.constructor.name;
-        const entityPkeyName = validationTableName + 'Ref';
-        const validationObjectEntitypkeyName = validationTableName + 'Ref';
-        let propertyName = this.config.isSubProperty ? this.config.propertyName.replace(/\./g, "") : this.config.propertyName;
-        let addedPropertyValdations = validationObject.added.filter((v) => {
-            return v.propertyName === propertyName;
-        });
-        let removedPropertyValdations = validationObject.removed.filter((v) => {
-            return v.propertyName === propertyName;
-        });
-        this.mergeData = this.getMergeData();
-        if (this.config.rootTable === validationTableName &&
-            this.entity[entityPkeyName] === validationObjectEntity[validationObjectEntitypkeyName] &&
-            (addedPropertyValdations.length || this.mergeData)) {
-            this.removeValidationDialog();
-            let config = new TruValidationDialogConfig(this.entity, this.config);
-            config.propertyName = this.config.propertyName;
-            config.mergeData = this.mergeData;
-            config.errorMsg = this.parseErrorMessages(addedPropertyValdations);
-            this.addValidationDialog(config);
+        catch (e) {
+            return null;
         }
-        if (this.config.rootTable === validationTableName &&
-            this.entity[entityPkeyName] === validationObjectEntity[validationObjectEntitypkeyName] &&
-            (removedPropertyValdations.length)) {
-            this.removeValidationDialog();
+    }
+    getDecodedJwtJsonData() {
+        let token = this.getJwtToken();
+        let payload = {};
+        if (token && token !== "undefined") {
+            const encodedPayload = token.split(".")[1];
+            const payloadStr = window.atob(encodedPayload);
+            payload = JSON.parse(payloadStr);
         }
-    };
-    ngOnInit() { }
-    ngAfterViewInit() {
-        if (this.context !== TruValidationDialogContext.Grid) {
-            this.subs.push(this.dataContext.validationChangeDetection.subscribe(entities => {
-                this.valErrsChanged(entities);
-            }));
+        return payload;
+    }
+    getToken() {
+        var token = this.getJwtToken();
+        if (token && token !== "undefined") {
+            const encodedPayload = token.split(".")[1];
+            const payloadStr = window.atob(encodedPayload);
+            var payload = JSON.parse(payloadStr);
+            var exp = payload["exp"];
+            var d = new Date();
+            var epoch = Math.round(d.getTime() / 1000);
+            if (exp < epoch) {
+                localStorage.removeItem(this.JWT_ACCESS_TOKEN);
+                return null;
+            }
         }
-        this.entity.entityAspect.validateEntity();
+        return token;
     }
-    ngOnChanges(changes) {
-        this.removeValidationDialog();
-        this.entity.entityAspect.validateEntity();
+}
+
+class TruAuthInterceptor {
+    auth;
+    appEnvironment;
+    jwt;
+    constructor(auth, appEnvironment, jwt) {
+        this.auth = auth;
+        this.appEnvironment = appEnvironment;
+        this.jwt = jwt;
     }
-    ngOnDestroy() {
-        this.subs.forEach(s => s.unsubscribe());
+    intercept(request, next) {
+        if (this.appEnvironment.authType === 'jwt')
+            request = this.addToken(request, String(this.jwt.getToken()));
+        if (this.appEnvironment.authType === 'session')
+            request = request.clone({
+                withCredentials: true
+            });
+        return next.handle(request).pipe(catchError((error) => {
+            if (error.status === 401) {
+                this.auth.doLogoutAndRedirectToLogin();
+            }
+            return throwError(error);
+        }));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruBreezeValidator, deps: [{ token: i0.ElementRef }, { token: TruDataContext }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: TruBreezeValidator, isStandalone: true, selector: "[truBreezeValidator]", inputs: { entity: ["truBreezeValidator", "entity"], config: "config" }, usesOnChanges: true, ngImport: i0 });
+    addToken(request, token) {
+        return request.clone({
+            setHeaders: { Authorization: `Bearer ${token}` },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruAuthInterceptor, deps: [{ token: TruAuth }, { token: TruAppEnvironment }, { token: TRU_AUTH_STRATEGY }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruAuthInterceptor });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruBreezeValidator, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[truBreezeValidator]'
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: TruDataContext }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }], propDecorators: { entity: [{
-                type: Input,
-                args: ['truBreezeValidator']
-            }], config: [{
-                type: Input
-            }] } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruAuthInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: TruAuth }, { type: TruAppEnvironment }, { type: TruAuthJwtStrategy, decorators: [{
+                    type: Inject,
+                    args: [TRU_AUTH_STRATEGY]
+                }] }] });
 
-class TruSearchPanelPositionManager {
-    el;
-    renderer;
-    config = { size: 300 };
-    searchViewPortal = null;
-    tab = null;
-    dropZones = [];
-    dragHandles = [];
-    currentWidth = 0;
-    currentMinWidth = 0;
-    mouseOffsetX = 0;
-    lastMouseX = 0;
-    dragHandle = null;
-    listeners = [];
-    mousemoveListener;
-    mouseupListener;
-    constructor(el, renderer) {
-        this.el = el;
-        this.renderer = renderer;
+class TruAuthSessionStrategy {
+    http;
+    loggedUser;
+    constructor(http) {
+        this.http = http;
     }
-    ngAfterViewInit() {
-        this.searchViewPortal = this.el.nativeElement.closest('.search-container');
-        this.tab = this.el.nativeElement.querySelectorAll('.search-panel-tab')[0];
-        this.dropZones = this.searchViewPortal?.querySelectorAll('.search-panel-dropzone');
-        this.dragHandles = this.el.nativeElement.querySelectorAll('.search-panel-resizable-handle');
-        this.addTabEventListeners();
-        this.addDropzoneEventListeners();
-        this.addDragHandleEventListeners();
+    doLoginUser(user) {
+        this.loggedUser = user;
     }
-    addTabEventListeners = () => {
-        this.listeners.push(this.renderer.listen(this.tab, 'dragstart', this.dragStart));
-        this.listeners.push(this.renderer.listen(this.tab, 'dragend', this.dragEnd));
-    };
-    addDropzoneEventListeners = () => {
-        this.dropZones.forEach((dropZone) => {
-            this.listeners.push(this.renderer.listen(dropZone, 'dragover', this.dragOver));
-            this.listeners.push(this.renderer.listen(dropZone, 'dragleave', this.dragLeave));
-            this.listeners.push(this.renderer.listen(dropZone, 'drop', this.drop));
-        });
-    };
-    addDragHandleEventListeners = () => {
-        this.dragHandles.forEach((dropHandle) => {
-            this.listeners.push(this.renderer.listen(dropHandle, 'mousedown', this.mousedown));
-        });
-    };
-    addPointerEvents = () => {
-        this.dropZones.forEach((dropZone) => {
-            dropZone.style.pointerEvents = 'all';
-        });
-    };
-    removePointerEvents = () => {
-        this.dropZones.forEach((dropZone) => {
-            dropZone.style.pointerEvents = 'none';
-        });
-    };
-    addMouseoverDropzoneStyles = (event) => {
-        event.target.classList.add('mouseover');
-    };
-    removeMouseoverDropzoneStyles = (event) => {
-        for (var i = 0; i < this.dropZones.length; i++) {
-            if (event.target !== this.dropZones[i])
-                this.dropZones[i].classList.remove('mouseover');
-        }
-    };
-    dragStart = (event) => {
-        this.addPointerEvents();
-    };
-    dragEnd = (event) => {
-        this.removePointerEvents();
-        this.removeMouseoverDropzoneStyles(event);
-    };
-    dragOver = (event) => {
-        event.preventDefault();
-        this.addMouseoverDropzoneStyles(event);
-    };
-    dragLeave = (event) => {
-        event.target.classList.remove('mouseover');
-    };
-    drop = (event) => {
-        if (event.target.classList.contains('left')) {
-            this.config.side = 'left';
-            this.config.setGridPinnedPositionFn({ 'position': 'absolute', 'width': 'calc(100% - ' + (this.config.size - 20) + 'px', 'left': (this.config.size - 20) + 'px', 'margin-left': 'auto' });
-            this.config.setToolbarPinnedPositionFn({ 'position': 'absolute', 'width': 'calc(100% - ' + (this.config.size - 20) + 'px', 'left': (this.config.size - 20) + 'px', 'margin-left': 'auto' });
-            //userPreference.set(userPreference.searchPanelSide, 'left');
-        }
-        if (event.target.classList.contains('right')) {
-            this.config.side = 'right';
-            this.config.setGridPinnedPositionFn({ 'width': 'calc(100% - ' + (this.config.size - 20) + 'px' });
-            this.config.setToolbarPinnedPositionFn({ 'width': 'calc(100% - ' + (this.config.size - 20) + 'px' });
-            //userPreference.set(userPreference.searchPanelSide, 'right');
-        }
-        this.removeMouseoverDropzoneStyles(event);
-    };
-    mousedown = (event) => {
-        if (this.config.pinned)
-            return;
-        if (!this.dragHandle)
-            this.dragHandle = event.target;
-        this.mouseOffsetX = event.clientX;
-        this.mousemoveListener = this.renderer.listen('document', 'mousemove', this.mouseMove);
-        this.mouseupListener = this.renderer.listen('document', 'mouseup', this.mouseUp);
-    };
-    mouseMove = (event) => {
-        var mouseX = event.pageX - this.mouseOffsetX;
-        var diffX = mouseX - this.lastMouseX;
-        this.lastMouseX = mouseX;
-        this.currentWidth = this.config.size;
-        this.currentMinWidth = 100;
-        if (this.dragHandle?.classList.contains('search-panel-resizable-w')) {
-            if (this.currentWidth - diffX < this.currentMinWidth)
-                this.mouseOffsetX = this.mouseOffsetX - (diffX - (diffX = this.currentWidth - this.currentMinWidth));
-            this.config.size = (this.currentWidth - diffX);
-            this.updateSide();
-        }
-        if (this.dragHandle?.classList.contains('search-panel-resizable-e')) {
-            if (this.currentWidth + diffX < this.currentMinWidth)
-                this.mouseOffsetX = this.mouseOffsetX - (diffX - (diffX = this.currentMinWidth - this.currentWidth));
-            this.config.size = (this.currentWidth + diffX);
-            this.updateSide();
+    doLogoutUser() {
+        this.loggedUser = undefined;
+    }
+    createUser(user) {
+        return of({});
+    }
+    isLoggedIn() {
+        return false; //todo, implement this
+    }
+}
+
+const TruAuthStrategyProvider = {
+    provide: TRU_AUTH_STRATEGY,
+    deps: [HttpClient, TruAppEnvironment],
+    useFactory: (http, appEnvironment) => {
+        switch (appEnvironment.authType) {
+            case "session":
+                return new TruAuthSessionStrategy(http);
+            case "jwt":
+                return new TruAuthJwtStrategy();
+            default:
+                throw new Error("Invalid auth strategy");
         }
-    };
-    mouseUp = () => {
-        this.dragHandle = null;
-        this.mouseOffsetX = 0;
-        this.lastMouseX = 0;
-        this.mousemoveListener();
-        this.mouseupListener();
-    };
-    updateSide = () => {
-        //if (this.config.side === 'left') {
-        //  this.config.setGridPinnedPositionFn({ 'position': 'absolute', 'width': 'calc(100% - ' + (this.config.size - 20) + 'px', 'left': (this.config.size - 20) + 'px', 'margin-left': 'auto' });
-        //  this.config.setToolbarPinnedPositionFn({ 'position': 'absolute', 'width': 'calc(100% - ' + (this.config.size - 20) + 'px', 'left': (this.config.size - 20) + 'px', 'margin-left': 'auto' });
-        //}
-        //if (this.config.side === 'right') {
-        //  this.config.setGridPinnedPositionFn({ 'width': 'calc(100% - ' + (this.config.size - 20) + 'px' });
-        //  this.config.setToolbarPinnedPositionFn({ 'width': 'calc(100% - ' + (this.config.size - 20) + 'px' });
-        //}
-    };
-    ngOnDestroy() {
-        this.listeners.forEach(fn => fn());
+    },
+};
+
+const routes = [
+    {
+        path: 'login',
+        component: TruLogin
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruSearchPanelPositionManager, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: TruSearchPanelPositionManager, isStandalone: true, selector: "[truSearchPanelPositionManager]", inputs: { config: "config" }, ngImport: i0 });
+];
+class TruLoginModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruLoginModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.3", ngImport: i0, type: TruLoginModule, declarations: [TruLogin], imports: [CommonModule, MaterialModule, FormsModule, ReactiveFormsModule, i1$4.RouterModule], exports: [TruLogin] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruLoginModule, providers: [
+            {
+                provide: HTTP_INTERCEPTORS,
+                useClass: TruAuthInterceptor,
+                multi: true,
+            },
+            {
+                provide: HTTP_INTERCEPTORS,
+                useClass: TruErrorInterceptor,
+                multi: true,
+            },
+            TruAuthStrategyProvider
+        ], imports: [CommonModule, MaterialModule, FormsModule, ReactiveFormsModule, RouterModule.forChild(routes)] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruSearchPanelPositionManager, decorators: [{
-            type: Directive,
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruLoginModule, decorators: [{
+            type: NgModule,
             args: [{
-                    selector: '[truSearchPanelPositionManager]'
+                    declarations: [TruLogin],
+                    imports: [CommonModule, MaterialModule, FormsModule, ReactiveFormsModule, RouterModule.forChild(routes)],
+                    exports: [TruLogin],
+                    providers: [
+                        {
+                            provide: HTTP_INTERCEPTORS,
+                            useClass: TruAuthInterceptor,
+                            multi: true,
+                        },
+                        {
+                            provide: HTTP_INTERCEPTORS,
+                            useClass: TruErrorInterceptor,
+                            multi: true,
+                        },
+                        TruAuthStrategyProvider
+                    ],
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { config: [{
-                type: Input
-            }] } });
+        }] });
 
-class TruCloudFileManager {
-    appEnvironment;
+var TruValidationDialogContext;
+(function (TruValidationDialogContext) {
+    TruValidationDialogContext[TruValidationDialogContext["Control"] = 0] = "Control";
+    TruValidationDialogContext[TruValidationDialogContext["Grid"] = 1] = "Grid";
+    TruValidationDialogContext[TruValidationDialogContext["Card"] = 2] = "Card";
+})(TruValidationDialogContext || (TruValidationDialogContext = {}));
+
+class TruValidationDialog {
+    renderer;
+    elementRef;
     util;
-    user;
-    baseUrl;
-    reader;
-    file;
-    sliceSize = 10000 * 1024;
-    constructor(appEnvironment, util, user) {
-        this.appEnvironment = appEnvironment;
+    config;
+    close = new EventEmitter();
+    errorMsg = '';
+    rowElement;
+    cellElement;
+    listeners = [];
+    constructor(renderer, elementRef, util) {
+        this.renderer = renderer;
+        this.elementRef = elementRef;
         this.util = util;
-        this.user = user;
-        this.baseUrl = this.appEnvironment.appUri;
     }
-    getFileLength = (blobId, temp) => {
-        return Observable.create((observer) => {
-            let xhr = new XMLHttpRequest();
-            xhr.onreadystatechange = function () {
-                if (xhr.readyState == XMLHttpRequest.DONE) {
-                    if (xhr.status == 200) {
-                        observer.next(xhr.response);
-                    }
-                    else {
-                        console.log('Download Failed. Unable to acquire file size.');
-                    }
-                }
-            };
-            xhr.open('POST', this.baseUrl + '/api/CloudFile/BlobLength', true);
-            xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
-            xhr.send(JSON.stringify({
-                blobId: blobId,
-                temp: temp ? true : false
-            }));
-        });
-    };
-    uploadFile = (start, tableName, propertyName, filename, blobMetaData, temp, updateProgress, done) => {
-        let nextSlice = start + this.sliceSize + 1;
-        let blob = this.file?.slice(start, nextSlice);
-        this.reader.onloadend = (event) => {
-            if (event.target?.readyState !== FileReader.DONE) {
-                return;
-            }
-            let xhr = new XMLHttpRequest();
-            xhr.onreadystatechange = () => {
-                if (xhr.readyState == XMLHttpRequest.DONE) {
-                    if (xhr.status == 200) {
-                        var sizeDone = start + this.sliceSize;
-                        var percentDone = Math.floor((sizeDone / this.file.size) * 100);
-                        var blobMetaData = JSON.parse(xhr.response);
-                        if (nextSlice < this.file?.size) {
-                            updateProgress(percentDone);
-                            console.log('Uploading File - ' + percentDone + '%');
-                            this.uploadFile(nextSlice, tableName, propertyName, filename, blobMetaData, temp, updateProgress, done);
-                        }
-                        else {
-                            done(blobMetaData.truDbCloudFileRef);
-                        }
-                    }
-                    else {
-                        console.log(xhr.responseType);
-                    }
-                }
-            };
-            xhr.open('POST', this.baseUrl + '/api/CloudFile/Upload', true);
-            xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
-            xhr.send(JSON.stringify({
-                tableName: tableName,
-                propertyName: propertyName,
-                fileData: event.target.result.split(',')[1],
-                filename: filename,
-                blobId: blobMetaData.blobId,
-                blobBlockIdStr: blobMetaData.blobBlockIdStr,
-                createdRef: this.user.activeUserRef,
-                public: false,
-                temp: temp ? true : false,
-                commit: nextSlice < this.file.size ? false : true
-            }));
-        };
-        this.reader.readAsDataURL(blob);
-    };
-    upload = (tableName, propertyName, fileData, temp, updateProgress, done) => {
-        this.reader = new FileReader();
-        this.file = fileData;
-        this.uploadFile(0, tableName, propertyName, this.file.name, { blobId: null, blobBlockIdStr: null }, temp, updateProgress, done);
+    onAcceptAll = () => {
+        let entity = this.config.entity;
+        let originalValues = entity.entityAspect.originalValues;
+        for (const key in this.config.mergeData?.getAll()) {
+            entity[key] = this.config.mergeData?.get(key).value;
+            if (originalValues.hasOwnProperty(key))
+                delete originalValues[key];
+        }
+        ;
+        if (Object.keys(originalValues).length === 0 && originalValues.constructor === Object)
+            entity.entityAspect.setUnchanged();
+        entity.Merge_Data_Set.clearAll();
+        entity.entityAspect.validateEntity();
+        if (this.config.context === TruValidationDialogContext.Grid)
+            this.elementRef.nativeElement.remove();
     };
-    download = (blobId, temp, filename, updateProgress, done) => {
-        this.getFileLength(blobId, temp).subscribe((fileLength) => {
-            var xhr = new XMLHttpRequest();
-            xhr.onprogress = function (e) {
-                updateProgress(Math.round(e.loaded / e.total * 100));
-            };
-            xhr.onload = function () {
-                //var fileName = xhr.getResponseHeader('Content-Disposition').split("filename=")[1];
-                var blob = new Blob([xhr.response], { type: 'application/octet-stream' });
-                var a = document.createElement('a');
-                a.href = URL.createObjectURL(blob);
-                a.download = filename;
-                document.body.appendChild(a);
-                a.dispatchEvent(new MouseEvent('click'));
-                done();
-            };
-            xhr.onerror = function (e) {
-                done();
-                console.log(e);
-            };
-            xhr.ontimeout = function (e) {
-                done();
-                console.log(e);
-            };
-            xhr.open('POST', this.baseUrl + '/api/CloudFile/Download');
-            xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
-            xhr.responseType = 'arraybuffer';
-            xhr.send(JSON.stringify({
-                blobId: blobId,
-                filename: filename,
-                fileLength: parseInt(fileLength),
-                temp: temp ? true : false
-            }));
-        });
+    onAccept = () => {
+        let entity = this.config.entity;
+        let originalValues = entity.entityAspect.originalValues;
+        let propertyName = this.config.propertyName;
+        entity[propertyName] = this.config.mergeData?.get(propertyName).value;
+        this.config.mergeData?.clear(propertyName);
+        if (originalValues.hasOwnProperty(propertyName) && (Object.keys(originalValues).length === 0 && originalValues.constructor === Object))
+            delete originalValues[propertyName];
+        if (this.config.mergeData?.isEmpty())
+            entity.entityAspect.setUnchanged();
+        entity.entityAspect.validateEntity();
+        if (this.config.context === TruValidationDialogContext.Grid)
+            this.elementRef.nativeElement.remove();
     };
-    sasUrl = (blobId, temp, filename, updateProgress, done) => {
-        var xhr = new XMLHttpRequest();
-        xhr.onprogress = function (e) { };
-        xhr.onload = function () {
-            done(xhr.response);
-        };
-        xhr.onerror = function (e) {
-            done(undefined);
-            console.log(e);
-        };
-        xhr.ontimeout = function (e) {
-            done(undefined);
-            console.log(e);
-        };
-        xhr.open('POST', this.baseUrl + '/api/CloudFile/SASTokenURL');
-        xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
-        xhr.responseType = 'text';
-        xhr.send(JSON.stringify({
-            blobId: blobId
-        }));
+    onDecline = () => {
+        let entity = this.config.entity;
+        this.config.mergeData?.clearAll();
+        entity.entityAspect.validateEntity();
+        if (this.config.context === TruValidationDialogContext.Grid)
+            this.elementRef.nativeElement.remove();
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruCloudFileManager, deps: [{ token: TruAppEnvironment }, { token: TruUtil }, { token: TruUser }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruCloudFileManager, providedIn: 'root' });
+    ngOnInit() {
+        this.errorMsg = this.config.errorMsg;
+        if (this.config.context === TruValidationDialogContext.Control) {
+            var invalidTarget = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.invalid-target');
+            if (invalidTarget) {
+                this.listeners.push(this.renderer.listen(invalidTarget, 'mouseenter', (event) => {
+                    this.elementRef.nativeElement.childNodes[0].classList.remove('hide');
+                    this.elementRef.nativeElement.childNodes[0].classList.add('show');
+                }));
+                this.listeners.push(this.renderer.listen(invalidTarget, 'mouseleave', (event) => {
+                    this.elementRef.nativeElement.childNodes[0].classList.remove('show');
+                    this.elementRef.nativeElement.childNodes[0].classList.add('hide');
+                }));
+            }
+        }
+        else if (this.config.context === TruValidationDialogContext.Grid) {
+            this.rowElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-row');
+            this.cellElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value');
+            this.rowElement.style.zIndex = '10000000000';
+            this.cellElement.classList.add('show');
+            this.errorMsg = this.config.errorMsg;
+        }
+    }
+    ngAfterViewInit() {
+        if (this.config.context === TruValidationDialogContext.Control) {
+            let invalidTarget = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.invalid-target');
+            if (invalidTarget)
+                invalidTarget.classList.add('invalid');
+        }
+    }
+    ngOnDestroy() {
+        if (this.config.context === TruValidationDialogContext.Control) {
+            let invalidTarget = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.invalid-target');
+            if (invalidTarget)
+                invalidTarget.classList.remove('invalid');
+        }
+        else if (this.config.context === TruValidationDialogContext.Grid) {
+            this.rowElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-row');
+            this.cellElement = this.util.findClosestAncestorByClass(this.elementRef.nativeElement, '.ag-cell-value');
+            if (this.rowElement)
+                this.rowElement.style.zIndex = 'auto';
+            if (this.cellElement)
+                this.cellElement.classList.remove('show');
+        }
+        this.listeners.forEach(l => l());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruValidationDialog, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }, { token: TruUtil }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.3", type: TruValidationDialog, isStandalone: true, selector: "tru-validation-dialog", inputs: { config: "config" }, outputs: { close: "close" }, ngImport: i0, template: "@if (config.context === 0) {\r\n<div class=\"invalid hide\">\r\n  <i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n  <div *ngIf=\"config.mergeData\">\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n  </div>\r\n</div>\r\n<span class=\"invalid-flag\"></span>\r\n}\r\n@else {\r\n<i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n<div *ngIf=\"config.mergeData\">\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n</div>\r\n}\r\n", styles: ["::ng-deep .tru-control.edit .mat-mdc-form-field .invalid,::ng-deep .tru-control.list .mat-mdc-form-field .invalid,::ng-deep .NgxEditor__Wrapper .invalid{position:absolute;left:0;top:24px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px!important}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid.hide,::ng-deep .tru-control.list .mat-mdc-form-field .invalid.hide,::ng-deep .NgxEditor__Wrapper .invalid.hide{display:none!important}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid.show,::ng-deep .tru-control.list .mat-mdc-form-field .invalid.show,::ng-deep .NgxEditor__Wrapper .invalid.show{display:inline-block!important}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid-flag,::ng-deep .tru-control.list .mat-mdc-form-field .invalid-flag,::ng-deep .NgxEditor__Wrapper .invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:3px;height:3px;border-bottom:solid 3px transparent;border-right:solid 3px transparent;border-left:solid 3px red;border-top:solid 3px red}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid-triangle:after,::ng-deep .tru-control.list .mat-mdc-form-field .invalid-triangle:after{box-sizing:border-box}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid,::ng-deep .tru-control.list .mat-mdc-form-field .invalid,::ng-deep .NgxEditor__Wrapper .invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;-ms-border-radius:3px 3px 3px 3px!important;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}::ng-deep .merge-button,::ng-deep .NgxEditor__Wrapper .invalid .merge-button{margin:5px;font-size:12px;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#fff}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:before{border-bottom-color:red!important}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:after{border-bottom-color:red!important}.invalid{font-family:Calibri,Helvetica,Arial,sans-serif!important}i{line-height:24px!important}::ng-deep .ag-row .ag-cell-value .invalid{position:absolute;left:0;top:18px;-moz-min-width:200px;-ms-min-width:200px;-o-min-width:200px;-webkit-min-width:200px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px}::ng-deep .ag-row .ag-cell-value.hide .invalid{display:none!important}::ng-deep .ag-row .ag-cell-value.show .invalid{display:inline-block!important}::ng-deep .ag-row .ag-cell-value.invalid.show{overflow:visible!important}::ng-deep .ag-row .ag-cell-value .invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;-ms-border-radius:3px 3px 3px 3px!important;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}::ng-deep .ag-cell .tru-control.list.in-cell .invalid-flag{display:none!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruCloudFileManager, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: TruAppEnvironment }, { type: TruUtil }, { type: TruUser }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruValidationDialog, decorators: [{
+            type: Component,
+            args: [{ selector: 'tru-validation-dialog', imports: [CommonModule, FormsModule], template: "@if (config.context === 0) {\r\n<div class=\"invalid hide\">\r\n  <i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n  <div *ngIf=\"config.mergeData\">\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n    <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n  </div>\r\n</div>\r\n<span class=\"invalid-flag\"></span>\r\n}\r\n@else {\r\n<i class=\"icon-warning-sign icon-white\"></i>{{config.errorMsg}}\r\n<div *ngIf=\"config.mergeData\">\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAcceptAll()\">Accept All</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onAccept()\">Accept</button>\r\n  <button class=\"md-primary md-button ng-scope md-ink-ripple merge-button\" (click)=\"onDecline()\">Decline</button>\r\n</div>\r\n}\r\n", styles: ["::ng-deep .tru-control.edit .mat-mdc-form-field .invalid,::ng-deep .tru-control.list .mat-mdc-form-field .invalid,::ng-deep .NgxEditor__Wrapper .invalid{position:absolute;left:0;top:24px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px!important}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid.hide,::ng-deep .tru-control.list .mat-mdc-form-field .invalid.hide,::ng-deep .NgxEditor__Wrapper .invalid.hide{display:none!important}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid.show,::ng-deep .tru-control.list .mat-mdc-form-field .invalid.show,::ng-deep .NgxEditor__Wrapper .invalid.show{display:inline-block!important}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid-flag,::ng-deep .tru-control.list .mat-mdc-form-field .invalid-flag,::ng-deep .NgxEditor__Wrapper .invalid-flag{box-sizing:border-box;position:absolute;left:0;top:0;width:3px;height:3px;border-bottom:solid 3px transparent;border-right:solid 3px transparent;border-left:solid 3px red;border-top:solid 3px red}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid-triangle:after,::ng-deep .tru-control.list .mat-mdc-form-field .invalid-triangle:after{box-sizing:border-box}::ng-deep .tru-control.edit .mat-mdc-form-field .invalid,::ng-deep .tru-control.list .mat-mdc-form-field .invalid,::ng-deep .NgxEditor__Wrapper .invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;-ms-border-radius:3px 3px 3px 3px!important;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}::ng-deep .merge-button,::ng-deep .NgxEditor__Wrapper .invalid .merge-button{margin:5px;font-size:12px;font-family:Calibri,Helvetica,Arial,sans-serif!important;background-color:#fff}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:before{border-bottom-color:red!important}::ng-deep .mat-mdc-form-field.invalid .mdc-line-ripple:after{border-bottom-color:red!important}.invalid{font-family:Calibri,Helvetica,Arial,sans-serif!important}i{line-height:24px!important}::ng-deep .ag-row .ag-cell-value .invalid{position:absolute;left:0;top:18px;-moz-min-width:200px;-ms-min-width:200px;-o-min-width:200px;-webkit-min-width:200px;min-width:200px;min-height:20px;max-width:500px;max-height:500px;font-size:12px}::ng-deep .ag-row .ag-cell-value.hide .invalid{display:none!important}::ng-deep .ag-row .ag-cell-value.show .invalid{display:inline-block!important}::ng-deep .ag-row .ag-cell-value.invalid.show{overflow:visible!important}::ng-deep .ag-row .ag-cell-value .invalid{background-color:#bd362f;margin:2px 0 0;padding:4px 10px;-ms-border-radius:3px 3px 3px 3px!important;border-radius:3px!important;background-position:15px center;background-repeat:no-repeat;-webkit-box-shadow:0 0 12px #999999;-ms-box-shadow:0 0 12px #999999;box-shadow:0 0 12px #999;color:#fff;-ms-opacity:.9;opacity:.9;z-index:1000}::ng-deep .ag-cell .tru-control.list.in-cell .invalid-flag{display:none!important}\n"] }]
+        }], ctorParameters: () => [{ type: i0.Renderer2 }, { type: i0.ElementRef }, { type: TruUtil }], propDecorators: { config: [{
+                type: Input
+            }], close: [{
+                type: Output
+            }] } });
 
-class TruFormatter {
-    appEnvironemt;
-    modelTypeLookup;
-    constructor(appEnvironemt, modelTypeLookup) {
-        this.appEnvironemt = appEnvironemt;
-        this.modelTypeLookup = modelTypeLookup;
+class TruValidationDialogConfig {
+    _entity;
+    _propertyConfig;
+    _context;
+    _isSubProperty;
+    _ignore;
+    _propertyName = '';
+    _errorMsg = '';
+    _mergeData = null;
+    get entity() {
+        return this._entity;
     }
-    formatDate = (date, format) => {
-        if (date === null)
-            return null;
-        if (!(date instanceof Date))
-            return '';
-        if (isNaN(date.getTime()))
-            return '';
-        var datePipe = new DatePipe('en-US');
-        return datePipe.transform(date, format);
-    };
-    isDate = (date) => {
-        if (Object.prototype.toString.call(date) === '[object Date]') {
-            if (isNaN(date.getTime())) {
-                return false;
-            }
-            else {
-                return true;
+    get propertyConfig() {
+        return this._propertyConfig;
+    }
+    get context() {
+        return this._context;
+    }
+    get isSubProperty() {
+        return this._isSubProperty;
+    }
+    get ignore() {
+        return this._ignore;
+    }
+    get propertyName() {
+        return this._propertyName;
+    }
+    set propertyName(value) {
+        this._propertyName = value;
+    }
+    get errorMsg() {
+        return this._errorMsg;
+    }
+    set errorMsg(value) {
+        this._errorMsg = value;
+    }
+    get mergeData() {
+        return this._mergeData;
+    }
+    set mergeData(value) {
+        this._mergeData = value;
+    }
+    constructor(entity, propertyConfig, context = TruValidationDialogContext.Control, isSubProperty = false, ignore = false) {
+        this._entity = entity;
+        this._propertyConfig = propertyConfig;
+        this._context = context;
+        this._isSubProperty = isSubProperty;
+        this._ignore = ignore;
+    }
+}
+
+class TruBreezeValidator {
+    el;
+    dataContext;
+    viewContainerRef;
+    componentFactoryResolver;
+    entity;
+    config;
+    constructor(el, dataContext, viewContainerRef, componentFactoryResolver) {
+        this.el = el;
+        this.dataContext = dataContext;
+        this.viewContainerRef = viewContainerRef;
+        this.componentFactoryResolver = componentFactoryResolver;
+    }
+    configModel = {};
+    mergeData;
+    dialogRef = null;
+    subs = [];
+    currentDialog = null;
+    context = TruValidationDialogContext.Control;
+    getMergeData = () => {
+        if (this.config.propertyPath?.includes('/')) {
+            let propertyNameParts = this.config.propertyPath.split('/');
+            propertyNameParts.pop();
+            let targetProperty;
+            propertyNameParts.forEach((name) => {
+                if (!targetProperty) {
+                    let targetPropertyName = 'o' + name;
+                    targetProperty = this.entity[targetPropertyName];
+                }
+                else {
+                    let targetPropertyName = 'o' + name;
+                    targetProperty = targetProperty[targetPropertyName];
+                }
+            });
+            if (targetProperty && targetProperty.Merge_Data) {
+                return targetProperty.Merge_Data_Set;
             }
-        }
-        else if (moment$1(date, "MM/DD/YYYY", true).isValid()) {
-            return true;
+            return undefined;
         }
         else {
-            return false;
+            return this.entity.Merge_Data_Set?.get(this.config.propertyName) ? this.entity.Merge_Data_Set : undefined;
         }
     };
-    isPromise = function (value) {
-        return Boolean(value && typeof value.then === 'function');
+    parseErrorMessages = (validationErrors) => {
+        let errorMsg = '';
+        validationErrors.forEach((error) => {
+            errorMsg += error.errorMessage + '; ';
+        });
+        return errorMsg;
     };
-    //Filters
-    bigInteger = (cfg) => {
-        var v = cfg.$;
-        if (v === null)
-            return null;
-        return v;
+    addValidationDialog = (config) => {
+        let componentFactory = this.componentFactoryResolver.resolveComponentFactory(TruValidationDialog);
+        let component = this.viewContainerRef.createComponent(componentFactory, 0, this.viewContainerRef.injector);
+        component.instance.config = config;
+        this.currentDialog = component;
+        this.dialogRef = component;
     };
-    boolean = (cfg) => {
-        var v = cfg.$;
-        if (v === null)
-            return null;
-        return v ? 'True' : 'False';
+    removeValidationDialog = () => {
+        if (this.currentDialog) {
+            this.currentDialog.destroy();
+            this.currentDialog = null;
+        }
     };
-    choiceLabel = (cfg) => {
-        if (cfg.$ === null)
-            return null;
-        if (cfg.type) {
-            var item = cfg.type.choices.filter(function (c) {
-                return c.$ === cfg.$;
-            });
+    valErrsChanged = (validationObject) => {
+        let validationObjectEntity = validationObject.entity;
+        let validationTableName = validationObjectEntity.constructor.name;
+        const entityPkeyName = validationTableName + 'Ref';
+        const validationObjectEntitypkeyName = validationTableName + 'Ref';
+        let propertyName = this.config.isSubProperty ? this.config.propertyName.replace(/\./g, "") : this.config.propertyName;
+        let addedPropertyValdations = validationObject.added.filter((v) => {
+            return v.propertyName === propertyName;
+        });
+        let removedPropertyValdations = validationObject.removed.filter((v) => {
+            return v.propertyName === propertyName;
+        });
+        this.mergeData = this.getMergeData();
+        if (this.config.rootTable === validationTableName &&
+            this.entity[entityPkeyName] === validationObjectEntity[validationObjectEntitypkeyName] &&
+            (addedPropertyValdations.length || this.mergeData)) {
+            this.removeValidationDialog();
+            let config = new TruValidationDialogConfig(this.entity, this.config);
+            config.propertyName = this.config.propertyName;
+            config.mergeData = this.mergeData;
+            config.errorMsg = this.parseErrorMessages(addedPropertyValdations);
+            this.addValidationDialog(config);
         }
-        else {
-            return cfg.$;
+        if (this.config.rootTable === validationTableName &&
+            this.entity[entityPkeyName] === validationObjectEntity[validationObjectEntitypkeyName] &&
+            (removedPropertyValdations.length)) {
+            this.removeValidationDialog();
         }
-        if (item.length == 0)
-            return null;
-        return item[0].label;
     };
-    dateShort = (cfg) => {
-        var v = cfg.$;
-        if (!v || !this.isDate(v))
-            return 'mm/dd/yyyy';
-        v = new Date(v);
-        var utc = new Date(v.getUTCFullYear(), v.getUTCMonth(), v.getUTCDate());
-        return this.formatDate(utc, 'MM/dd/yyyy');
+    ngOnInit() { }
+    ngAfterViewInit() {
+        if (this.context !== TruValidationDialogContext.Grid) {
+            this.subs.push(this.dataContext.validationChangeDetection.subscribe(entities => {
+                this.valErrsChanged(entities);
+            }));
+        }
+        this.entity.entityAspect.validateEntity();
+    }
+    ngOnChanges(changes) {
+        this.removeValidationDialog();
+        this.entity.entityAspect.validateEntity();
+    }
+    ngOnDestroy() {
+        this.subs.forEach(s => s.unsubscribe());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruBreezeValidator, deps: [{ token: i0.ElementRef }, { token: TruDataContext }, { token: i0.ViewContainerRef }, { token: i0.ComponentFactoryResolver }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: TruBreezeValidator, isStandalone: true, selector: "[truBreezeValidator]", inputs: { entity: ["truBreezeValidator", "entity"], config: "config" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruBreezeValidator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[truBreezeValidator]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: TruDataContext }, { type: i0.ViewContainerRef }, { type: i0.ComponentFactoryResolver }], propDecorators: { entity: [{
+                type: Input,
+                args: ['truBreezeValidator']
+            }], config: [{
+                type: Input
+            }] } });
+
+class TruSearchPanelPositionManager {
+    el;
+    renderer;
+    config = { size: 300 };
+    searchViewPortal = null;
+    tab = null;
+    dropZones = [];
+    dragHandles = [];
+    currentWidth = 0;
+    currentMinWidth = 0;
+    mouseOffsetX = 0;
+    lastMouseX = 0;
+    dragHandle = null;
+    listeners = [];
+    mousemoveListener;
+    mouseupListener;
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+    }
+    ngAfterViewInit() {
+        this.searchViewPortal = this.el.nativeElement.closest('.search-container');
+        this.tab = this.el.nativeElement.querySelectorAll('.search-panel-tab')[0];
+        this.dropZones = this.searchViewPortal?.querySelectorAll('.search-panel-dropzone');
+        this.dragHandles = this.el.nativeElement.querySelectorAll('.search-panel-resizable-handle');
+        this.addTabEventListeners();
+        this.addDropzoneEventListeners();
+        this.addDragHandleEventListeners();
+    }
+    addTabEventListeners = () => {
+        this.listeners.push(this.renderer.listen(this.tab, 'dragstart', this.dragStart));
+        this.listeners.push(this.renderer.listen(this.tab, 'dragend', this.dragEnd));
     };
-    datetimeShort = (cfg) => {
-        var v = cfg.$;
-        if (!v)
-            return 'mm/dd/yyyy hh:mm a';
-        return this.formatDate(v, 'MM/dd/yyyy hh:mm a');
+    addDropzoneEventListeners = () => {
+        this.dropZones.forEach((dropZone) => {
+            this.listeners.push(this.renderer.listen(dropZone, 'dragover', this.dragOver));
+            this.listeners.push(this.renderer.listen(dropZone, 'dragleave', this.dragLeave));
+            this.listeners.push(this.renderer.listen(dropZone, 'drop', this.drop));
+        });
     };
-    datetimespanShort = (cfg) => {
-        var start = cfg.start.$;
-        var end = cfg.end.$;
-        var text = '';
-        if (start !== null) {
-            text = this.formatDate(start, 'MM/dd/yyyy hh:mm a') + ' - ';
-            if (end != null) {
-                if (start.getYear() === end.getYear() && start.getMonth() === end.getMonth() && start.getDay() === end.getDay())
-                    text += this.formatDate(end, 'hh:mm a');
-                else
-                    text += this.formatDate(end, 'MM/dd/yyyy hh:mm a');
-            }
-        }
-        else {
-            if (end !== null)
-                text += this.formatDate(end, 'MM/dd/yyyy hh:mm a');
-        }
-        return text;
+    addDragHandleEventListeners = () => {
+        this.dragHandles.forEach((dropHandle) => {
+            this.listeners.push(this.renderer.listen(dropHandle, 'mousedown', this.mousedown));
+        });
     };
-    decimal = (cfg) => {
-        var v = cfg.$;
-        if (v === null)
-            return null;
-        return v;
+    addPointerEvents = () => {
+        this.dropZones.forEach((dropZone) => {
+            dropZone.style.pointerEvents = 'all';
+        });
     };
-    excelFormula = (val) => {
-        if (_.isNaN(val))
-            return '#VALUE!';
-        if (val === Infinity)
-            return '#DIV/0!';
-        return val;
+    removePointerEvents = () => {
+        this.dropZones.forEach((dropZone) => {
+            dropZone.style.pointerEvents = 'none';
+        });
     };
-    file = (cfg) => {
-        if (this.isPromise(cfg.filename.$))
-            return null;
-        var text = '';
-        if (cfg.filename.$ !== null)
-            text += cfg.filename.$;
-        return text;
+    addMouseoverDropzoneStyles = (event) => {
+        event.target.classList.add('mouseover');
     };
-    float = (cfg) => {
-        var v = cfg.$;
-        if (v === null)
-            return null;
-        return v;
+    removeMouseoverDropzoneStyles = (event) => {
+        for (var i = 0; i < this.dropZones.length; i++) {
+            if (event.target !== this.dropZones[i])
+                this.dropZones[i].classList.remove('mouseover');
+        }
     };
-    id = (value) => {
-        if (!value)
-            return null;
-        return value;
+    dragStart = (event) => {
+        this.addPointerEvents();
     };
-    integer = (cfg) => {
-        var v = cfg.$;
-        if (v === null)
-            return null;
-        return v;
+    dragEnd = (event) => {
+        this.removePointerEvents();
+        this.removeMouseoverDropzoneStyles(event);
     };
-    intlAddress = (cfg) => {
-        var text = '';
-        if (cfg.address1.$ !== null)
-            text += cfg.address1.$ + ' ';
-        if (cfg.address2.$ !== null)
-            text += cfg.address2.$ + ' ';
-        if (cfg.country.$ !== null)
-            text += cfg.country.$ + ' ';
-        if (cfg.city.$ !== null)
-            text += cfg.city.$ + ' ';
-        if (cfg.stateProvince.$ !== null)
-            text += cfg.stateProvince.$ + ' ';
-        if (cfg.postalCode.$ !== null)
-            text += cfg.postalCode.$ + ' ';
-        return text;
+    dragOver = (event) => {
+        event.preventDefault();
+        this.addMouseoverDropzoneStyles(event);
     };
-    intlAddressBasic = (cfg) => {
-        var text = '';
-        if (cfg.address1.$ !== null)
-            text += cfg.address1.$ + ' ';
-        if (cfg.address2.$ !== null)
-            text += cfg.address2.$ + ' ';
-        if (cfg.country.$ !== null)
-            text += cfg.country.$ + ' ';
-        if (cfg.city.$ !== null)
-            text += cfg.city.$ + ' ';
-        if (cfg.stateProvince.$ !== null)
-            text += cfg.stateProvince.$ + ' ';
-        if (cfg.postalCode.$ !== null)
-            text += cfg.postalCode.$ + ' ';
-        return text;
+    dragLeave = (event) => {
+        event.target.classList.remove('mouseover');
     };
-    naPhone = (number) => {
-        if (!number) {
-            return '';
-        }
-        if (number) {
-            if (number.$)
-                number = number.$.replace(/[^0-9]/g, '');
-            else
-                number = number.$;
-        }
-        if (!number) {
-            return '';
-        }
-        number = String(number);
-        var formattedNumber = number;
-        var c = (number[0] == '1') ? '+1 ' : '';
-        number = number[0] == '1' ? number.slice(1) : number;
-        var area = number.substring(0, 3);
-        var front = number.substring(3, 6);
-        var end = number.substring(6, 10);
-        var ext = number.substring(10, 20);
-        if (front) {
-            formattedNumber = (c + "(" + area + ") " + front);
-        }
-        if (end) {
-            formattedNumber += ("-" + end);
+    drop = (event) => {
+        if (event.target.classList.contains('left')) {
+            this.config.side = 'left';
+            this.config.setGridPinnedPositionFn({ 'position': 'absolute', 'width': 'calc(100% - ' + (this.config.size - 20) + 'px', 'left': (this.config.size - 20) + 'px', 'margin-left': 'auto' });
+            this.config.setToolbarPinnedPositionFn({ 'position': 'absolute', 'width': 'calc(100% - ' + (this.config.size - 20) + 'px', 'left': (this.config.size - 20) + 'px', 'margin-left': 'auto' });
+            //userPreference.set(userPreference.searchPanelSide, 'left');
         }
-        if (ext) {
-            formattedNumber += (" x" + ext);
+        if (event.target.classList.contains('right')) {
+            this.config.side = 'right';
+            this.config.setGridPinnedPositionFn({ 'width': 'calc(100% - ' + (this.config.size - 20) + 'px' });
+            this.config.setToolbarPinnedPositionFn({ 'width': 'calc(100% - ' + (this.config.size - 20) + 'px' });
+            //userPreference.set(userPreference.searchPanelSide, 'right');
         }
-        return formattedNumber;
-    };
-    intlPhone = (cfg) => {
-        var field = cfg;
-        var text = '';
-        //if (cfg.countryCode.$ !== null) {
-        //  var country = _.find(countries.allCountries, function (country) { return country.iso2 === cfg.countryCode.$ });
-        //  var dialCode = country.dialCode;
-        //  text += '+' + dialCode + ' ';
-        //}
-        //if (cfg.phone.$ !== null) {
-        //  var clean = cfg.phone.$.replace(/[^0-9]/g, '');
-        //  try {
-        //    var countryCode = cfg.countryCode.$ ? cfg.countryCode.$ : field.property.countryCode;
-        //    var number = clean;
-        //    text += number + ' ';
-        //  } catch (e) {
-        //    text += clean + ' ';
-        //  }
-        //}
-        //if (cfg.extension.$ !== null)
-        //  text += ' x' + cfg.extension.$;
-        return text;
-    };
-    password = (cfg) => {
-        var v = cfg.$;
-        if (v === null)
-            return null;
-        if (v.length > 0)
-            return '********';
-        return '';
-    };
-    percentage = (cfg) => {
-        var v = cfg.$;
-        if (typeof v === 'undefined')
-            return undefined;
-        if (v === null)
-            return null;
-        if (typeof v.toFixed === 'function')
-            return (v * 100).toFixed(2) + '%';
-        return v;
-    };
-    picture = (cfg) => {
-        var text = '';
-        if (cfg.filename.$ !== null)
-            text += cfg.filename.$;
-        return text;
-    };
-    ref = (cfg) => {
-        var v = cfg.$;
-        if (v === null)
-            return null;
-        return v.toString();
-    };
-    richText = (cfg) => {
-        return cfg.$;
+        this.removeMouseoverDropzoneStyles(event);
     };
-    socialSecurityNumber = (cfg) => {
-        var v = cfg.$;
-        if (v === null)
-            return null;
-        return v.substring(0, 3) + '-' + v.substring(3, 5) + '-' + v.substring(5);
+    mousedown = (event) => {
+        if (this.config.pinned)
+            return;
+        if (!this.dragHandle)
+            this.dragHandle = event.target;
+        this.mouseOffsetX = event.clientX;
+        this.mousemoveListener = this.renderer.listen('document', 'mousemove', this.mouseMove);
+        this.mouseupListener = this.renderer.listen('document', 'mouseup', this.mouseUp);
     };
-    text = (cfg) => {
-        return cfg.$;
+    mouseMove = (event) => {
+        var mouseX = event.pageX - this.mouseOffsetX;
+        var diffX = mouseX - this.lastMouseX;
+        this.lastMouseX = mouseX;
+        this.currentWidth = this.config.size;
+        this.currentMinWidth = 100;
+        if (this.dragHandle?.classList.contains('search-panel-resizable-w')) {
+            if (this.currentWidth - diffX < this.currentMinWidth)
+                this.mouseOffsetX = this.mouseOffsetX - (diffX - (diffX = this.currentWidth - this.currentMinWidth));
+            this.config.size = (this.currentWidth - diffX);
+            this.updateSide();
+        }
+        if (this.dragHandle?.classList.contains('search-panel-resizable-e')) {
+            if (this.currentWidth + diffX < this.currentMinWidth)
+                this.mouseOffsetX = this.mouseOffsetX - (diffX - (diffX = this.currentMinWidth - this.currentWidth));
+            this.config.size = (this.currentWidth + diffX);
+            this.updateSide();
+        }
     };
-    textFormatting = (text) => {
-        if (!text)
-            return text;
-        if (typeof text.replace === 'function')
-            return text.replace(/[\n\r]+/g, ' ').replace(/\s{2,}/g, ' ').replace(/^\s+|\s+$/, '');
-        return text;
+    mouseUp = () => {
+        this.dragHandle = null;
+        this.mouseOffsetX = 0;
+        this.lastMouseX = 0;
+        this.mousemoveListener();
+        this.mouseupListener();
     };
-    timeShort = (cfg) => {
-        var v = cfg.$;
-        if (v === null)
-            return null;
-        var duration = moment$1.duration(v);
-        var datetime = new Date('01/01/1999 ' + duration.hours + ':' + duration.minutes + ':' + duration.seconds);
-        var datePipe = new DatePipe('en-US');
-        return datePipe.transform(datetime, 'hh:mm a');
+    updateSide = () => {
+        //if (this.config.side === 'left') {
+        //  this.config.setGridPinnedPositionFn({ 'position': 'absolute', 'width': 'calc(100% - ' + (this.config.size - 20) + 'px', 'left': (this.config.size - 20) + 'px', 'margin-left': 'auto' });
+        //  this.config.setToolbarPinnedPositionFn({ 'position': 'absolute', 'width': 'calc(100% - ' + (this.config.size - 20) + 'px', 'left': (this.config.size - 20) + 'px', 'margin-left': 'auto' });
+        //}
+        //if (this.config.side === 'right') {
+        //  this.config.setGridPinnedPositionFn({ 'width': 'calc(100% - ' + (this.config.size - 20) + 'px' });
+        //  this.config.setToolbarPinnedPositionFn({ 'width': 'calc(100% - ' + (this.config.size - 20) + 'px' });
+        //}
     };
-    timeSpanHhMmSs = (cfg) => {
-        return cfg.hours.$ + ' H, ' + cfg.minutes.$ + ' M, ' + cfg.seconds.$ + '.' + cfg.milliseconds.$ + ' S';
+    ngOnDestroy() {
+        this.listeners.forEach(fn => fn());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruSearchPanelPositionManager, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.3", type: TruSearchPanelPositionManager, isStandalone: true, selector: "[truSearchPanelPositionManager]", inputs: { config: "config" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruSearchPanelPositionManager, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[truSearchPanelPositionManager]'
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { config: [{
+                type: Input
+            }] } });
+
+class TruCloudFileManager {
+    appEnvironment;
+    util;
+    user;
+    baseUrl;
+    reader;
+    file;
+    sliceSize = 10000 * 1024;
+    constructor(appEnvironment, util, user) {
+        this.appEnvironment = appEnvironment;
+        this.util = util;
+        this.user = user;
+        this.baseUrl = this.appEnvironment.appUri;
+    }
+    getFileLength = (blobId, temp) => {
+        return Observable.create((observer) => {
+            let xhr = new XMLHttpRequest();
+            xhr.onreadystatechange = function () {
+                if (xhr.readyState == XMLHttpRequest.DONE) {
+                    if (xhr.status == 200) {
+                        observer.next(xhr.response);
+                    }
+                    else {
+                        console.log('Download Failed. Unable to acquire file size.');
+                    }
+                }
+            };
+            xhr.open('POST', this.baseUrl + '/api/CloudFile/BlobLength', true);
+            xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
+            xhr.send(JSON.stringify({
+                blobId: blobId,
+                temp: temp ? true : false
+            }));
+        });
     };
-    usaAddress = (cfg) => {
-        let text = "Loading...";
-        let buildText = () => {
-            text = '';
-            if (cfg.address1.$ !== null)
-                text += cfg.address1.$ + ' ';
-            if (cfg.address2.$ !== null)
-                text += cfg.address2.$ + ' ';
-            if (cfg.city.$ !== null)
-                text += cfg.city.$ + ' ';
-            if (cfg.state.$ !== null) {
-                var state = this.appEnvironemt.globalDataContext?.entityAccess().searchByRefCacheOnly(this.modelTypeLookup.getType('StdUSAState'), cfg.state.$);
-                if (state)
-                    text += state.Code + ', ';
-            }
-            if (cfg.zip.$ !== null) {
-                if (cfg.zip.$.length > 5)
-                    text += cfg.zip.$.substring(0, 5) + '-' + cfg.zip.$.substring(5);
-                else
-                    text += cfg.zip.$;
+    uploadFile = (start, tableName, propertyName, filename, blobMetaData, temp, updateProgress, done) => {
+        let nextSlice = start + this.sliceSize + 1;
+        let blob = this.file?.slice(start, nextSlice);
+        this.reader.onloadend = (event) => {
+            if (event.target?.readyState !== FileReader.DONE) {
+                return;
             }
-            return text;
+            let xhr = new XMLHttpRequest();
+            xhr.onreadystatechange = () => {
+                if (xhr.readyState == XMLHttpRequest.DONE) {
+                    if (xhr.status == 200) {
+                        var sizeDone = start + this.sliceSize;
+                        var percentDone = Math.floor((sizeDone / this.file.size) * 100);
+                        var blobMetaData = JSON.parse(xhr.response);
+                        if (nextSlice < this.file?.size) {
+                            updateProgress(percentDone);
+                            console.log('Uploading File - ' + percentDone + '%');
+                            this.uploadFile(nextSlice, tableName, propertyName, filename, blobMetaData, temp, updateProgress, done);
+                        }
+                        else {
+                            done(blobMetaData.truDbCloudFileRef);
+                        }
+                    }
+                    else {
+                        console.log(xhr.responseType);
+                    }
+                }
+            };
+            xhr.open('POST', this.baseUrl + '/api/CloudFile/Upload', true);
+            xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
+            xhr.send(JSON.stringify({
+                tableName: tableName,
+                propertyName: propertyName,
+                fileData: event.target.result.split(',')[1],
+                filename: filename,
+                blobId: blobMetaData.blobId,
+                blobBlockIdStr: blobMetaData.blobBlockIdStr,
+                createdRef: this.user.activeUserRef,
+                public: false,
+                temp: temp ? true : false,
+                commit: nextSlice < this.file.size ? false : true
+            }));
         };
-        if (this.appEnvironemt.globalDataContext?.entityAccess().searchByRefCacheOnly(this.modelTypeLookup.getType('StdUSAState'), cfg.state.$)) {
-            return buildText();
-        }
-        return null;
-    };
-    usaDollars = (cfg) => {
-        var v = cfg.$;
-        if (v === null)
-            return null;
-        return '$' + (v)?.toFixed(2);
-    };
-    usaSocialSecurity = (cfg) => {
-        var v = cfg.$;
-        if (v === null)
-            return null;
-        return v.substring(0, 3) + '-' + v.substring(3, 5) + '-' + v.substring(5);
-    };
-    usaZip = (cfg) => {
-        var v = cfg.$;
-        if (v === null)
-            return null;
-        if (v.length > 5)
-            return v.substring(0, 5) + '-' + v.substring(5);
-        return v;
+        this.reader.readAsDataURL(blob);
     };
-    zipCode = (cfg) => {
-        var v = cfg.$;
-        if (v === null)
-            return null;
-        if (v.length > 5)
-            return v.substring(0, 5) + '-' + v.substring(5);
-        return v;
+    upload = (tableName, propertyName, fileData, temp, updateProgress, done) => {
+        this.reader = new FileReader();
+        this.file = fileData;
+        this.uploadFile(0, tableName, propertyName, this.file.name, { blobId: null, blobBlockIdStr: null }, temp, updateProgress, done);
     };
-    passwordEightBullets = (cfg) => {
-        var v = cfg.$;
-        return v;
+    download = (blobId, temp, filename, updateProgress, done) => {
+        this.getFileLength(blobId, temp).subscribe((fileLength) => {
+            var xhr = new XMLHttpRequest();
+            xhr.onprogress = function (e) {
+                updateProgress(Math.round(e.loaded / e.total * 100));
+            };
+            xhr.onload = function () {
+                //var fileName = xhr.getResponseHeader('Content-Disposition').split("filename=")[1];
+                var blob = new Blob([xhr.response], { type: 'application/octet-stream' });
+                var a = document.createElement('a');
+                a.href = URL.createObjectURL(blob);
+                a.download = filename;
+                document.body.appendChild(a);
+                a.dispatchEvent(new MouseEvent('click'));
+                done();
+            };
+            xhr.onerror = function (e) {
+                done();
+                console.log(e);
+            };
+            xhr.ontimeout = function (e) {
+                done();
+                console.log(e);
+            };
+            xhr.open('POST', this.baseUrl + '/api/CloudFile/Download');
+            xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
+            xhr.responseType = 'arraybuffer';
+            xhr.send(JSON.stringify({
+                blobId: blobId,
+                filename: filename,
+                fileLength: parseInt(fileLength),
+                temp: temp ? true : false
+            }));
+        });
     };
-    formulaJsonParser = (formatter, data) => {
-        var json = JSON.parse(data);
-        if (json.DATA || (typeof json.DATA === 'number' && isFinite(json.DATA)))
-            return formatter({ $: json.DATA });
-        return { $: json.Error_Message };
+    sasUrl = (blobId, temp, filename, updateProgress, done) => {
+        var xhr = new XMLHttpRequest();
+        xhr.onprogress = function (e) { };
+        xhr.onload = function () {
+            done(xhr.response);
+        };
+        xhr.onerror = function (e) {
+            done(undefined);
+            console.log(e);
+        };
+        xhr.ontimeout = function (e) {
+            done(undefined);
+            console.log(e);
+        };
+        xhr.open('POST', this.baseUrl + '/api/CloudFile/SASTokenURL');
+        xhr.setRequestHeader('Content-Type', 'application/json; charset=UTF-8');
+        xhr.responseType = 'text';
+        xhr.send(JSON.stringify({
+            blobId: blobId
+        }));
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruFormatter, deps: [{ token: TruAppEnvironment }, { token: TruModelTypeLookup }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruFormatter, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruCloudFileManager, deps: [{ token: TruAppEnvironment }, { token: TruUtil }, { token: TruUser }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruCloudFileManager, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruFormatter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.3", ngImport: i0, type: TruCloudFileManager, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
-        }], ctorParameters: () => [{ type: TruAppEnvironment }, { type: TruModelTypeLookup }] });
+        }], ctorParameters: () => [{ type: TruAppEnvironment }, { type: TruUtil }, { type: TruUser }] });
 
 class TruPredicateMap {
     constructor() { }