@trudb/tru-common-lib 0.0.594 → 0.0.596

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

@@ -15,30 +15,6 @@ import * as i1$1 from 'ngx-toastr';
 import * as i1$3 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import moment from 'moment/moment';
-import * as signalR from '@microsoft/signalr';
-import { __awaiter } from 'tslib';
-import moment$1 from 'moment';
-import * as i8 from 'ag-grid-angular';
-import { AgGridModule } from 'ag-grid-angular';
-import * as i2 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i3$1 from '@angular/material/form-field';
-import * as i1$4 from '@angular/material/select';
-import { MatSelectModule } from '@angular/material/select';
-import * as i5 from '@angular/material/core';
-import { MatOptionModule, MatNativeDateModule, MatRippleModule } from '@angular/material/core';
-import * as i3$2 from '@angular/material/button';
-import { MatButtonModule } from '@angular/material/button';
-import * as i5$1 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import * as i1$6 from '@angular/platform-browser';
-import { BrowserModule } from '@angular/platform-browser';
-import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { tap, map, catchError } from 'rxjs/operators';
-import * as i1$5 from '@angular/router';
-import { RouterModule } from '@angular/router';
-import * as i4 from '@angular/material/card';
-import { MatCardModule } from '@angular/material/card';
 import { A11yModule } from '@angular/cdk/a11y';
 import { CdkAccordionModule } from '@angular/cdk/accordion';
 import { ClipboardModule } from '@angular/cdk/clipboard';
@@ -51,19 +27,31 @@ import { CdkTreeModule } from '@angular/cdk/tree';
 import { MatAutocompleteModule } from '@angular/material/autocomplete';
 import { MatBadgeModule } from '@angular/material/badge';
 import { MatBottomSheetModule } from '@angular/material/bottom-sheet';
+import * as i3$2 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
+import * as i4 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
 import { MatChipsModule } from '@angular/material/chips';
 import { MatStepperModule } from '@angular/material/stepper';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatDividerModule } from '@angular/material/divider';
 import { MatExpansionModule } from '@angular/material/expansion';
 import { MatGridListModule } from '@angular/material/grid-list';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i5$1 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
 import { MatListModule } from '@angular/material/list';
 import { MatMenuModule } from '@angular/material/menu';
+import * as i5 from '@angular/material/core';
+import { MatNativeDateModule, MatRippleModule, MatOptionModule } from '@angular/material/core';
 import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatRadioModule } from '@angular/material/radio';
+import * as i1$4 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
 import { MatSidenavModule } from '@angular/material/sidenav';
 import { MatSliderModule } from '@angular/material/slider';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
@@ -75,6 +63,18 @@ import { MatToolbarModule } from '@angular/material/toolbar';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import { MatTreeModule } from '@angular/material/tree';
 import { OverlayModule } from '@angular/cdk/overlay';
+import * as signalR from '@microsoft/signalr';
+import { __awaiter } from 'tslib';
+import moment$1 from 'moment';
+import * as i8 from 'ag-grid-angular';
+import { AgGridModule } from 'ag-grid-angular';
+import * as i3$1 from '@angular/material/form-field';
+import * as i1$6 from '@angular/platform-browser';
+import { BrowserModule } from '@angular/platform-browser';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { tap, map, catchError } from 'rxjs/operators';
+import * as i1$5 from '@angular/router';
+import { RouterModule } from '@angular/router';
 
 class TruComponentConfigBase {
     constructor() { }
@@ -2067,6 +2067,224 @@ var TruDataGridTypes;
     TruDataGridTypes[TruDataGridTypes["DetailManyToMany"] = 2] = "DetailManyToMany";
 })(TruDataGridTypes || (TruDataGridTypes = {}));
 
+class MaterialModule {
+}
+MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: MaterialModule, exports: [A11yModule,
+        CdkAccordionModule,
+        ClipboardModule,
+        CdkStepperModule,
+        CdkTableModule,
+        CdkTreeModule,
+        DragDropModule,
+        MatAutocompleteModule,
+        MatBadgeModule,
+        MatBottomSheetModule,
+        MatButtonModule,
+        MatButtonToggleModule,
+        MatCardModule,
+        MatCheckboxModule,
+        MatChipsModule,
+        MatStepperModule,
+        MatDatepickerModule,
+        MatDialogModule,
+        MatDividerModule,
+        MatExpansionModule,
+        MatGridListModule,
+        MatIconModule,
+        MatInputModule,
+        MatListModule,
+        MatMenuModule,
+        MatNativeDateModule,
+        MatPaginatorModule,
+        MatProgressBarModule,
+        MatProgressSpinnerModule,
+        MatRadioModule,
+        MatRippleModule,
+        MatSelectModule,
+        MatSidenavModule,
+        MatSliderModule,
+        MatSlideToggleModule,
+        MatSnackBarModule,
+        MatSortModule,
+        MatTableModule,
+        MatTabsModule,
+        MatToolbarModule,
+        MatTooltipModule,
+        MatTreeModule,
+        OverlayModule,
+        PortalModule,
+        ScrollingModule] });
+MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: MaterialModule, imports: [A11yModule,
+        CdkAccordionModule,
+        ClipboardModule,
+        CdkStepperModule,
+        CdkTableModule,
+        CdkTreeModule,
+        DragDropModule,
+        MatAutocompleteModule,
+        MatBadgeModule,
+        MatBottomSheetModule,
+        MatButtonModule,
+        MatButtonToggleModule,
+        MatCardModule,
+        MatCheckboxModule,
+        MatChipsModule,
+        MatStepperModule,
+        MatDatepickerModule,
+        MatDialogModule,
+        MatDividerModule,
+        MatExpansionModule,
+        MatGridListModule,
+        MatIconModule,
+        MatInputModule,
+        MatListModule,
+        MatMenuModule,
+        MatNativeDateModule,
+        MatPaginatorModule,
+        MatProgressBarModule,
+        MatProgressSpinnerModule,
+        MatRadioModule,
+        MatRippleModule,
+        MatSelectModule,
+        MatSidenavModule,
+        MatSliderModule,
+        MatSlideToggleModule,
+        MatSnackBarModule,
+        MatSortModule,
+        MatTableModule,
+        MatTabsModule,
+        MatToolbarModule,
+        MatTooltipModule,
+        MatTreeModule,
+        OverlayModule,
+        PortalModule,
+        ScrollingModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: MaterialModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        A11yModule,
+                        CdkAccordionModule,
+                        ClipboardModule,
+                        CdkStepperModule,
+                        CdkTableModule,
+                        CdkTreeModule,
+                        DragDropModule,
+                        MatAutocompleteModule,
+                        MatBadgeModule,
+                        MatBottomSheetModule,
+                        MatButtonModule,
+                        MatButtonToggleModule,
+                        MatCardModule,
+                        MatCheckboxModule,
+                        MatChipsModule,
+                        MatStepperModule,
+                        MatDatepickerModule,
+                        MatDialogModule,
+                        MatDividerModule,
+                        MatExpansionModule,
+                        MatGridListModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatListModule,
+                        MatMenuModule,
+                        MatNativeDateModule,
+                        MatPaginatorModule,
+                        MatProgressBarModule,
+                        MatProgressSpinnerModule,
+                        MatRadioModule,
+                        MatRippleModule,
+                        MatSelectModule,
+                        MatSidenavModule,
+                        MatSliderModule,
+                        MatSlideToggleModule,
+                        MatSnackBarModule,
+                        MatSortModule,
+                        MatTableModule,
+                        MatTabsModule,
+                        MatToolbarModule,
+                        MatTooltipModule,
+                        MatTreeModule,
+                        OverlayModule,
+                        PortalModule,
+                        ScrollingModule,
+                    ]
+                }]
+        }] });
+
+class TruDataGridNoRowsOverlay {
+    agInit(params) {
+        this.params = params;
+    }
+}
+TruDataGridNoRowsOverlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruDataGridNoRowsOverlay, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruDataGridNoRowsOverlay.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: TruDataGridNoRowsOverlay, selector: "tru-data-grid-no-rows-overlay", ngImport: i0, template: `
+      <div class="ag-overlay-loading-center" style="font-size:14px font-weight: bold;">
+        <span>{{ params.noRowsMessageFunc() }}</span>
+      </div>`, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruDataGridNoRowsOverlay, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tru-data-grid-no-rows-overlay',
+                    template: `
+      <div class="ag-overlay-loading-center" style="font-size:14px font-weight: bold;">
+        <span>{{ params.noRowsMessageFunc() }}</span>
+      </div>`
+                }]
+        }] });
+
+class TruDataGridNoRowsOverlayModule {
+}
+TruDataGridNoRowsOverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruDataGridNoRowsOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruDataGridNoRowsOverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: TruDataGridNoRowsOverlayModule, declarations: [TruDataGridNoRowsOverlay], imports: [CommonModule, MaterialModule], exports: [TruDataGridNoRowsOverlay] });
+TruDataGridNoRowsOverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruDataGridNoRowsOverlayModule, imports: [CommonModule, MaterialModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruDataGridNoRowsOverlayModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruDataGridNoRowsOverlay],
+                    imports: [CommonModule, MaterialModule],
+                    exports: [TruDataGridNoRowsOverlay]
+                }]
+        }] });
+
+class TruDataGridLoadingOverlay {
+    agInit(params) {
+        this.params = params;
+    }
+}
+TruDataGridLoadingOverlay.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruDataGridLoadingOverlay, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TruDataGridLoadingOverlay.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.1", type: TruDataGridLoadingOverlay, selector: "tru-data-grid-loading-overlay", ngImport: i0, template: `
+      <div class="ag-overlay-loading-center" style="font-size:14px font-weight: bold;">
+        <mat-icon class="spin" [svgIcon]="'loading-icon'">{{ params.loadingMessage }}</mat-icon>
+      </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruDataGridLoadingOverlay, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tru-data-grid-loading-overlay',
+                    template: `
+      <div class="ag-overlay-loading-center" style="font-size:14px font-weight: bold;">
+        <mat-icon class="spin" [svgIcon]="'loading-icon'">{{ params.loadingMessage }}</mat-icon>
+      </div>
+    `
+                }]
+        }] });
+
+class TruDataGridLoadingOverlayModule {
+}
+TruDataGridLoadingOverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruDataGridLoadingOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TruDataGridLoadingOverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: TruDataGridLoadingOverlayModule, declarations: [TruDataGridLoadingOverlay], imports: [CommonModule, MaterialModule], exports: [TruDataGridLoadingOverlay] });
+TruDataGridLoadingOverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruDataGridLoadingOverlayModule, imports: [CommonModule, MaterialModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: TruDataGridLoadingOverlayModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TruDataGridLoadingOverlay],
+                    imports: [CommonModule, MaterialModule],
+                    exports: [TruDataGridLoadingOverlay]
+                }]
+        }] });
+
 class TruSearchResultViewManager {
     constructor() { }
     set searchViewToolbarTemplate(temp) {
@@ -2673,6 +2891,14 @@ class TruDataGrid {
         this.gridOptions = {
             rowSelection: 'multiple',
             rowStyle: { background: 'white' },
+            loadingOverlayComponent: TruDataGridLoadingOverlayModule,
+            loadingOverlayComponentParams: {
+                loadingMessage: 'Searching - One moment please...',
+            },
+            noRowsOverlayComponent: TruDataGridNoRowsOverlayModule,
+            noRowsOverlayComponentParams: {
+                noRowsMessageFunc: () => 'Sorry - no rows! at: ' + new Date(),
+            },
             onSelectionChanged: (params) => { },
             onCellEditingStopped: (params) => {
                 //this.gridOptions.api.redrawRows({ rowNodes: params.node });
@@ -2798,7 +3024,7 @@ class TruDataGrid {
         };
         this.onSearch = (setupQuery) => {
             this.gridOptions.api.hideOverlay();
-            this.gridOptions.showLoadingOverlay();
+            this.gridOptions.api.showLoadingOverlay();
             let entityLoaded = this.loadedEntities.some((ref) => { return ref === this.entity[this.entity.constructor.name + 'Ref']; });
             let joins = [];
             if (entityLoaded) {
@@ -2825,7 +3051,7 @@ class TruDataGrid {
                         this.loadedEntities.push(this.entity[this.entity.constructor.name + 'Ref']);
                     this.gridOptions.api.hideOverlay();
                     if (this.rowData === null || !this.rowData.length) {
-                        this.gridOptions.showNoRowsOverlay();
+                        this.gridOptions.api.showNoRowsOverlay();
                     }
                 }
             });
@@ -5440,152 +5666,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImpor
             args: [{ selector: 'tru-login', template: "<div class=\"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> loginFormTitle </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\">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}mat-card{max-width:300px;width:100%;max-height:300px;padding:20px}.form-group{width:100%;max-width:400px;margin-bottom:20px}.wrapper{display:flex;justify-content:center;align-items:center;height:100vh}\n"] }]
         }], ctorParameters: function () { return [{ type: TruAuth }]; } });
 
-class MaterialModule {
-}
-MaterialModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: MaterialModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MaterialModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.1", ngImport: i0, type: MaterialModule, exports: [A11yModule,
-        CdkAccordionModule,
-        ClipboardModule,
-        CdkStepperModule,
-        CdkTableModule,
-        CdkTreeModule,
-        DragDropModule,
-        MatAutocompleteModule,
-        MatBadgeModule,
-        MatBottomSheetModule,
-        MatButtonModule,
-        MatButtonToggleModule,
-        MatCardModule,
-        MatCheckboxModule,
-        MatChipsModule,
-        MatStepperModule,
-        MatDatepickerModule,
-        MatDialogModule,
-        MatDividerModule,
-        MatExpansionModule,
-        MatGridListModule,
-        MatIconModule,
-        MatInputModule,
-        MatListModule,
-        MatMenuModule,
-        MatNativeDateModule,
-        MatPaginatorModule,
-        MatProgressBarModule,
-        MatProgressSpinnerModule,
-        MatRadioModule,
-        MatRippleModule,
-        MatSelectModule,
-        MatSidenavModule,
-        MatSliderModule,
-        MatSlideToggleModule,
-        MatSnackBarModule,
-        MatSortModule,
-        MatTableModule,
-        MatTabsModule,
-        MatToolbarModule,
-        MatTooltipModule,
-        MatTreeModule,
-        OverlayModule,
-        PortalModule,
-        ScrollingModule] });
-MaterialModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: MaterialModule, imports: [A11yModule,
-        CdkAccordionModule,
-        ClipboardModule,
-        CdkStepperModule,
-        CdkTableModule,
-        CdkTreeModule,
-        DragDropModule,
-        MatAutocompleteModule,
-        MatBadgeModule,
-        MatBottomSheetModule,
-        MatButtonModule,
-        MatButtonToggleModule,
-        MatCardModule,
-        MatCheckboxModule,
-        MatChipsModule,
-        MatStepperModule,
-        MatDatepickerModule,
-        MatDialogModule,
-        MatDividerModule,
-        MatExpansionModule,
-        MatGridListModule,
-        MatIconModule,
-        MatInputModule,
-        MatListModule,
-        MatMenuModule,
-        MatNativeDateModule,
-        MatPaginatorModule,
-        MatProgressBarModule,
-        MatProgressSpinnerModule,
-        MatRadioModule,
-        MatRippleModule,
-        MatSelectModule,
-        MatSidenavModule,
-        MatSliderModule,
-        MatSlideToggleModule,
-        MatSnackBarModule,
-        MatSortModule,
-        MatTableModule,
-        MatTabsModule,
-        MatToolbarModule,
-        MatTooltipModule,
-        MatTreeModule,
-        OverlayModule,
-        PortalModule,
-        ScrollingModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.1", ngImport: i0, type: MaterialModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [
-                        A11yModule,
-                        CdkAccordionModule,
-                        ClipboardModule,
-                        CdkStepperModule,
-                        CdkTableModule,
-                        CdkTreeModule,
-                        DragDropModule,
-                        MatAutocompleteModule,
-                        MatBadgeModule,
-                        MatBottomSheetModule,
-                        MatButtonModule,
-                        MatButtonToggleModule,
-                        MatCardModule,
-                        MatCheckboxModule,
-                        MatChipsModule,
-                        MatStepperModule,
-                        MatDatepickerModule,
-                        MatDialogModule,
-                        MatDividerModule,
-                        MatExpansionModule,
-                        MatGridListModule,
-                        MatIconModule,
-                        MatInputModule,
-                        MatListModule,
-                        MatMenuModule,
-                        MatNativeDateModule,
-                        MatPaginatorModule,
-                        MatProgressBarModule,
-                        MatProgressSpinnerModule,
-                        MatRadioModule,
-                        MatRippleModule,
-                        MatSelectModule,
-                        MatSidenavModule,
-                        MatSliderModule,
-                        MatSlideToggleModule,
-                        MatSnackBarModule,
-                        MatSortModule,
-                        MatTableModule,
-                        MatTabsModule,
-                        MatToolbarModule,
-                        MatTooltipModule,
-                        MatTreeModule,
-                        OverlayModule,
-                        PortalModule,
-                        ScrollingModule,
-                    ]
-                }]
-        }] });
-
 class TruAuthJwtStrategy {
     constructor() {
         this.JWT_TOKEN = "JWT_TOKEN";