@resolveio/client-lib-core 1.1.27 → 1.1.29

package/esm2020/lib/widgets/collapse-table/collapse-table.module.mjs

@@ -6,16 +6,16 @@ import { ResizeService } from '../../util/window-resize.service';
 import * as i0 from "@angular/core";
 export class CollapseTableModule {
 }
-CollapseTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CollapseTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-CollapseTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CollapseTableModule, declarations: [CollapseTableComponent], imports: [FormsModule,
+CollapseTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CollapseTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+CollapseTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CollapseTableModule, declarations: [CollapseTableComponent], imports: [FormsModule,
         CommonModule], exports: [CollapseTableComponent] });
-CollapseTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CollapseTableModule, providers: [
+CollapseTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CollapseTableModule, providers: [
         ResizeService
     ], imports: [[
             FormsModule,
             CommonModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: CollapseTableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: CollapseTableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/widgets/data-table/data-table.component.mjs

@@ -52,9 +52,9 @@ export class DatatableComponent extends BaseComponent {
         return typeof (data);
     }
 }
-DatatableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DatatableComponent, deps: [{ token: i1.ProviderService }], target: i0.ɵɵFactoryTarget.Component });
-DatatableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DatatableComponent, selector: "data-table", inputs: { urlClick: "urlClick", columns: "columns", data: "data", collapseSize: "collapseSize", searchTitle: "searchTitle", totalItems: "totalItems", tableData: "tableData" }, outputs: { onChangeTableData: "onChangeTableData" }, providers: [ProviderService], usesInheritance: true, ngImport: i0, template: "<style>\n    .orangeRow { \n        background-color: orangered;\n    }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n</style>\n\n<div class=\"row\">\n    <div class=\"input-group\">\n      <span class=\"input-group-btn\">\n        <button class=\"btn btn-primary\" type=\"button\" (click)=\"changeTableData()\">Search!</button>\n      </span>\n      <input type=\"text\" class=\"form-control\" placeholder=\"{{searchTitle}}\" [(ngModel)]=\"tableData.searchString\" (keyup.enter)=\"changeTableData()\" style=\"z-index: 0\">\n    </div>\n</div>\n<div class=\"row\" style=\"padding-top: 20px;\">\n    <collapse-table [collapseSize]=\"collapseSize\" headerFixed=\"true\">\n        <thead>\n            <tr>\n                <th *ngFor=\"let column of columns\" (click)=\"sortColumn(column.data)\" style=\"cursor:pointer\">\n                    {{column.name}}\n                    <i *ngIf=\"tableData.sortColumn == column.data && tableData.sortOrder === 'desc'\" class=\"fa fa-caret-down\"></i>\n                    <i *ngIf=\"tableData.sortColumn == column.data && tableData.sortOrder === 'asc'\" class=\"fa fa-caret-up\"></i>\n                </th>\n            </tr>\n        </thead>\n        <tbody>\n            <tr *ngFor=\"let item of data\" [ngClass]=\"{'orangeRow': item['color_red']}\">\n                <td *ngFor=\"let column of columns\" (click)=\"navigateTo(item['_id'], column.data)\" [attr.data-label]=\"column.name\">\n                    <span *ngIf=\"typeOf(item[column.data]) !== 'boolean' && column.data !== 'cost' && column.data !== 'wells' && column.data !== 'cost_total' && column.data !== 'price' && column.data !== 'date' && column.data !== 'date_created' && column.data !== 'date_delivered' && column.data !== 'quantity' && column.data !== 'quantity_string' && column.data !== 'min_stock' && column.data !== 'max_stock' && column.data !== 'file_key' && column.data !== 'date_in'\">{{column.subData ? item[column.data][column.subData] : item[column.data]}}</span>\n                    <span *ngIf=\"column.data === 'cost' || column.data === 'price' || column.data === 'cost_total'\">{{item[column.data] | currency:'USD':'symbol':\"1.2-2\"}}</span>\n                    <span *ngIf=\"column.data === 'date' || column.data === 'date_created' || column.data === 'date_delivered'\">{{item[column.data] | date:'short'}}</span>\n                    <span *ngIf=\"column.data === 'quantity' || column.data === 'min_stock' || column.data === 'max_stock'\">{{item[column.data] | number}}</span>\n                    <span *ngIf=\"column.data === 'quantity_string'\">{{item[column.data] | number}}</span>\n                    <span *ngIf=\"column.data === 'wells'\"><pre>{{item[column.data]}}</pre></span>\n                    <span *ngIf=\"column.data === 'file_key'\">\n                        <button type=\"button\" (click)=\"openFile(item[column.data])\" class=\"btn btn-secondary\">Open File</button>\n                        <!-- <button type=\"button\" class=\"btn btn-warning\" (click)=\"viewDeletedReason(item)\" *ngIf=\"item.deleted.is_deleted\">View Deleted Reason</button> -->\n                    </span>\n                    <span *ngIf=\"typeOf(item[column.data]) === 'boolean'\">\n                        <i *ngIf=\"item[column.data]\" class=\"fa fa-check\" style=\"color: green; font-size: 18px;\" aria-hidden=\"true\"></i>\n                        <i *ngIf=\"!item[column.data]\" class=\"fa fa-times\" style=\"color: red; font-size: 18px;\" aria-hidden=\"true\"></i>\n                    </span>\n                </td>\n            </tr>\n        </tbody>\n    </collapse-table> \n</div>\n<hr />\n<div class=\"row\">\n    <div class=\"col-lg-4\">\n        <div class=\"row\"> \n            <div class=\"col-lg-8\">\n                <label class=\"form-control-label\">Entries Per Page</label>\n                <select class=\"form-control\" [(ngModel)]=\"tableData.entriesPerPage\" (ngModelChange)=\"changeTableData()\">\n                    <option value=\"25\">25</option>\n                    <option value=\"50\">50</option>\n                    <option value=\"100\">100</option>\n                    <option value=\"250\">250</option>\n                </select>\n            </div>\n        </div>\n    </div>\n    <div class=\"col-lg-8\" style=\"margin-top: 16px;\">\n        <ngb-pagination class=\"float-right\"\n                    boundaryLinks=\"true\"\n                    [collectionSize]=\"totalItems\"\n                    directionLinks=\"true\"\n                    ellipses=\"false\"\n                    [(page)]=\"tableData.pageNum\"\n                    maxSize=\"6\"\n                    [pageSize]=\"tableData.entriesPerPage\"\n                    rotate=\"true\"\n                    (pageChange)=\"changeTableData()\"\n                    >\n        </ngb-pagination>\n    </div>\n</div>\n", styles: ["\n    .orangeRow { \n        background-color: orangered;\n    }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n"], components: [{ type: i2.CollapseTableComponent, selector: "collapse-table", inputs: ["collapseSize", "tableFixed", "headerFixed", "secondaryColor", "tertiaryColor"] }, { type: i3.NgbPagination, selector: "ngb-pagination", inputs: ["disabled", "boundaryLinks", "directionLinks", "ellipses", "rotate", "collectionSize", "maxSize", "page", "pageSize", "size"], outputs: ["pageChange"] }], directives: [{ type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "currency": i5.CurrencyPipe, "date": i5.DatePipe, "number": i5.DecimalPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DatatableComponent, decorators: [{
+DatatableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatatableComponent, deps: [{ token: i1.ProviderService }], target: i0.ɵɵFactoryTarget.Component });
+DatatableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DatatableComponent, selector: "data-table", inputs: { urlClick: "urlClick", columns: "columns", data: "data", collapseSize: "collapseSize", searchTitle: "searchTitle", totalItems: "totalItems", tableData: "tableData" }, outputs: { onChangeTableData: "onChangeTableData" }, providers: [ProviderService], usesInheritance: true, ngImport: i0, template: "<style>\n    .orangeRow { \n        background-color: orangered;\n    }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n</style>\n\n<div class=\"row\">\n    <div class=\"input-group\">\n      <span class=\"input-group-btn\">\n        <button class=\"btn btn-primary\" type=\"button\" (click)=\"changeTableData()\">Search!</button>\n      </span>\n      <input type=\"text\" class=\"form-control\" placeholder=\"{{searchTitle}}\" [(ngModel)]=\"tableData.searchString\" (keyup.enter)=\"changeTableData()\" style=\"z-index: 0\">\n    </div>\n</div>\n<div class=\"row\" style=\"padding-top: 20px;\">\n    <collapse-table [collapseSize]=\"collapseSize\" headerFixed=\"true\">\n        <thead>\n            <tr>\n                <th *ngFor=\"let column of columns\" (click)=\"sortColumn(column.data)\" style=\"cursor:pointer\">\n                    {{column.name}}\n                    <i *ngIf=\"tableData.sortColumn == column.data && tableData.sortOrder === 'desc'\" class=\"fa fa-caret-down\"></i>\n                    <i *ngIf=\"tableData.sortColumn == column.data && tableData.sortOrder === 'asc'\" class=\"fa fa-caret-up\"></i>\n                </th>\n            </tr>\n        </thead>\n        <tbody>\n            <tr *ngFor=\"let item of data\" [ngClass]=\"{'orangeRow': item['color_red']}\">\n                <td *ngFor=\"let column of columns\" (click)=\"navigateTo(item['_id'], column.data)\" [attr.data-label]=\"column.name\">\n                    <span *ngIf=\"typeOf(item[column.data]) !== 'boolean' && column.data !== 'cost' && column.data !== 'wells' && column.data !== 'cost_total' && column.data !== 'price' && column.data !== 'date' && column.data !== 'date_created' && column.data !== 'date_delivered' && column.data !== 'quantity' && column.data !== 'quantity_string' && column.data !== 'min_stock' && column.data !== 'max_stock' && column.data !== 'file_key' && column.data !== 'date_in'\">{{column.subData ? item[column.data][column.subData] : item[column.data]}}</span>\n                    <span *ngIf=\"column.data === 'cost' || column.data === 'price' || column.data === 'cost_total'\">{{item[column.data] | currency:'USD':'symbol':\"1.2-2\"}}</span>\n                    <span *ngIf=\"column.data === 'date' || column.data === 'date_created' || column.data === 'date_delivered'\">{{item[column.data] | date:'short'}}</span>\n                    <span *ngIf=\"column.data === 'quantity' || column.data === 'min_stock' || column.data === 'max_stock'\">{{item[column.data] | number}}</span>\n                    <span *ngIf=\"column.data === 'quantity_string'\">{{item[column.data] | number}}</span>\n                    <span *ngIf=\"column.data === 'wells'\"><pre>{{item[column.data]}}</pre></span>\n                    <span *ngIf=\"column.data === 'file_key'\">\n                        <button type=\"button\" (click)=\"openFile(item[column.data])\" class=\"btn btn-secondary\">Open File</button>\n                        <!-- <button type=\"button\" class=\"btn btn-warning\" (click)=\"viewDeletedReason(item)\" *ngIf=\"item.deleted.is_deleted\">View Deleted Reason</button> -->\n                    </span>\n                    <span *ngIf=\"typeOf(item[column.data]) === 'boolean'\">\n                        <i *ngIf=\"item[column.data]\" class=\"fa fa-check\" style=\"color: green; font-size: 18px;\" aria-hidden=\"true\"></i>\n                        <i *ngIf=\"!item[column.data]\" class=\"fa fa-times\" style=\"color: red; font-size: 18px;\" aria-hidden=\"true\"></i>\n                    </span>\n                </td>\n            </tr>\n        </tbody>\n    </collapse-table> \n</div>\n<hr />\n<div class=\"row\">\n    <div class=\"col-lg-4\">\n        <div class=\"row\"> \n            <div class=\"col-lg-8\">\n                <label class=\"form-control-label\">Entries Per Page</label>\n                <select class=\"form-control\" [(ngModel)]=\"tableData.entriesPerPage\" (ngModelChange)=\"changeTableData()\">\n                    <option value=\"25\">25</option>\n                    <option value=\"50\">50</option>\n                    <option value=\"100\">100</option>\n                    <option value=\"250\">250</option>\n                </select>\n            </div>\n        </div>\n    </div>\n    <div class=\"col-lg-8\" style=\"margin-top: 16px;\">\n        <ngb-pagination class=\"float-right\"\n                    boundaryLinks=\"true\"\n                    [collectionSize]=\"totalItems\"\n                    directionLinks=\"true\"\n                    ellipses=\"false\"\n                    [(page)]=\"tableData.pageNum\"\n                    maxSize=\"6\"\n                    [pageSize]=\"tableData.entriesPerPage\"\n                    rotate=\"true\"\n                    (pageChange)=\"changeTableData()\"\n                    >\n        </ngb-pagination>\n    </div>\n</div>\n", styles: ["\n    .orangeRow { \n        background-color: orangered;\n    }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n"], components: [{ type: i2.CollapseTableComponent, selector: "collapse-table", inputs: ["collapseSize", "tableFixed", "headerFixed", "secondaryColor", "tertiaryColor"] }, { type: i3.NgbPagination, selector: "ngb-pagination", inputs: ["disabled", "boundaryLinks", "directionLinks", "ellipses", "rotate", "collectionSize", "maxSize", "page", "pageSize", "size"], outputs: ["pageChange"] }], directives: [{ type: i4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i4.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i4.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }], pipes: { "currency": i5.CurrencyPipe, "date": i5.DatePipe, "number": i5.DecimalPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatatableComponent, decorators: [{
             type: Component,
             args: [{ providers: [ProviderService], selector: 'data-table', template: "<style>\n    .orangeRow { \n        background-color: orangered;\n    }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n</style>\n\n<div class=\"row\">\n    <div class=\"input-group\">\n      <span class=\"input-group-btn\">\n        <button class=\"btn btn-primary\" type=\"button\" (click)=\"changeTableData()\">Search!</button>\n      </span>\n      <input type=\"text\" class=\"form-control\" placeholder=\"{{searchTitle}}\" [(ngModel)]=\"tableData.searchString\" (keyup.enter)=\"changeTableData()\" style=\"z-index: 0\">\n    </div>\n</div>\n<div class=\"row\" style=\"padding-top: 20px;\">\n    <collapse-table [collapseSize]=\"collapseSize\" headerFixed=\"true\">\n        <thead>\n            <tr>\n                <th *ngFor=\"let column of columns\" (click)=\"sortColumn(column.data)\" style=\"cursor:pointer\">\n                    {{column.name}}\n                    <i *ngIf=\"tableData.sortColumn == column.data && tableData.sortOrder === 'desc'\" class=\"fa fa-caret-down\"></i>\n                    <i *ngIf=\"tableData.sortColumn == column.data && tableData.sortOrder === 'asc'\" class=\"fa fa-caret-up\"></i>\n                </th>\n            </tr>\n        </thead>\n        <tbody>\n            <tr *ngFor=\"let item of data\" [ngClass]=\"{'orangeRow': item['color_red']}\">\n                <td *ngFor=\"let column of columns\" (click)=\"navigateTo(item['_id'], column.data)\" [attr.data-label]=\"column.name\">\n                    <span *ngIf=\"typeOf(item[column.data]) !== 'boolean' && column.data !== 'cost' && column.data !== 'wells' && column.data !== 'cost_total' && column.data !== 'price' && column.data !== 'date' && column.data !== 'date_created' && column.data !== 'date_delivered' && column.data !== 'quantity' && column.data !== 'quantity_string' && column.data !== 'min_stock' && column.data !== 'max_stock' && column.data !== 'file_key' && column.data !== 'date_in'\">{{column.subData ? item[column.data][column.subData] : item[column.data]}}</span>\n                    <span *ngIf=\"column.data === 'cost' || column.data === 'price' || column.data === 'cost_total'\">{{item[column.data] | currency:'USD':'symbol':\"1.2-2\"}}</span>\n                    <span *ngIf=\"column.data === 'date' || column.data === 'date_created' || column.data === 'date_delivered'\">{{item[column.data] | date:'short'}}</span>\n                    <span *ngIf=\"column.data === 'quantity' || column.data === 'min_stock' || column.data === 'max_stock'\">{{item[column.data] | number}}</span>\n                    <span *ngIf=\"column.data === 'quantity_string'\">{{item[column.data] | number}}</span>\n                    <span *ngIf=\"column.data === 'wells'\"><pre>{{item[column.data]}}</pre></span>\n                    <span *ngIf=\"column.data === 'file_key'\">\n                        <button type=\"button\" (click)=\"openFile(item[column.data])\" class=\"btn btn-secondary\">Open File</button>\n                        <!-- <button type=\"button\" class=\"btn btn-warning\" (click)=\"viewDeletedReason(item)\" *ngIf=\"item.deleted.is_deleted\">View Deleted Reason</button> -->\n                    </span>\n                    <span *ngIf=\"typeOf(item[column.data]) === 'boolean'\">\n                        <i *ngIf=\"item[column.data]\" class=\"fa fa-check\" style=\"color: green; font-size: 18px;\" aria-hidden=\"true\"></i>\n                        <i *ngIf=\"!item[column.data]\" class=\"fa fa-times\" style=\"color: red; font-size: 18px;\" aria-hidden=\"true\"></i>\n                    </span>\n                </td>\n            </tr>\n        </tbody>\n    </collapse-table> \n</div>\n<hr />\n<div class=\"row\">\n    <div class=\"col-lg-4\">\n        <div class=\"row\"> \n            <div class=\"col-lg-8\">\n                <label class=\"form-control-label\">Entries Per Page</label>\n                <select class=\"form-control\" [(ngModel)]=\"tableData.entriesPerPage\" (ngModelChange)=\"changeTableData()\">\n                    <option value=\"25\">25</option>\n                    <option value=\"50\">50</option>\n                    <option value=\"100\">100</option>\n                    <option value=\"250\">250</option>\n                </select>\n            </div>\n        </div>\n    </div>\n    <div class=\"col-lg-8\" style=\"margin-top: 16px;\">\n        <ngb-pagination class=\"float-right\"\n                    boundaryLinks=\"true\"\n                    [collectionSize]=\"totalItems\"\n                    directionLinks=\"true\"\n                    ellipses=\"false\"\n                    [(page)]=\"tableData.pageNum\"\n                    maxSize=\"6\"\n                    [pageSize]=\"tableData.entriesPerPage\"\n                    rotate=\"true\"\n                    (pageChange)=\"changeTableData()\"\n                    >\n        </ngb-pagination>\n    </div>\n</div>\n" }]
         }], ctorParameters: function () { return [{ type: i1.ProviderService }]; }, propDecorators: { urlClick: [{

package/esm2020/lib/widgets/data-table/data-table.module.mjs

@@ -8,20 +8,20 @@ import { DatatableComponent } from './data-table.component';
 import * as i0 from "@angular/core";
 export class DatatableModule {
 }
-DatatableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DatatableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DatatableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DatatableModule, declarations: [DatatableComponent], imports: [NgbModule,
+DatatableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatatableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DatatableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatatableModule, declarations: [DatatableComponent], imports: [NgbModule,
         FormsModule,
         CommonModule,
         RouterModule,
         CollapseTableModule], exports: [DatatableComponent] });
-DatatableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DatatableModule, providers: [], imports: [[
+DatatableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatatableModule, providers: [], imports: [[
             NgbModule,
             FormsModule,
             CommonModule,
             RouterModule,
             CollapseTableModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DatatableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DatatableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/widgets/date-shortcut/date-shortcut.component.mjs

@@ -118,8 +118,8 @@ export class DateShortcutComponent extends BaseComponent {
         this._cd.detectChanges();
     }
 }
-DateShortcutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DateShortcutComponent, deps: [{ token: i1.ProviderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-DateShortcutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DateShortcutComponent, selector: "date-shortcut", inputs: { startDateObj: "startDateObj", endDateObj: "endDateObj", shortcutValue: "shortcutValue" }, outputs: { startDateObjChange: "startDateObjChange", endDateObjChange: "endDateObjChange", datesChanged: "datesChanged", shortcutValueChange: "shortcutValueChange" }, providers: [ProviderService], usesInheritance: true, ngImport: i0, template: `
+DateShortcutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DateShortcutComponent, deps: [{ token: i1.ProviderService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+DateShortcutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DateShortcutComponent, selector: "date-shortcut", inputs: { startDateObj: "startDateObj", endDateObj: "endDateObj", shortcutValue: "shortcutValue" }, outputs: { startDateObjChange: "startDateObjChange", endDateObjChange: "endDateObjChange", datesChanged: "datesChanged", shortcutValueChange: "shortcutValueChange" }, providers: [ProviderService], usesInheritance: true, ngImport: i0, template: `
 		<label class="form-control-label">Date Shortcuts</label>
 		<ng-select [(ngModel)]="shortcutValue" (change)="onSelectShortcut()" placeholder="Select Shortcut" [clearable]="false">
 			<ng-option value="Today">Today</ng-option>
@@ -144,7 +144,7 @@ DateShortcutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
 			<ng-option value="All">All</ng-option>
 		</ng-select>
 	`, isInline: true, components: [{ type: i2.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i2.NgOptionComponent, selector: "ng-option", inputs: ["value", "disabled"] }], directives: [{ type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DateShortcutComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DateShortcutComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [ProviderService],

package/esm2020/lib/widgets/date-shortcut/date-shortcut.module.mjs

@@ -6,16 +6,16 @@ import { NgSelectModule } from '@ng-select/ng-select';
 import * as i0 from "@angular/core";
 export class DateShortcutModule {
 }
-DateShortcutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DateShortcutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-DateShortcutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DateShortcutModule, declarations: [DateShortcutComponent], imports: [FormsModule,
+DateShortcutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DateShortcutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DateShortcutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DateShortcutModule, declarations: [DateShortcutComponent], imports: [FormsModule,
         CommonModule,
         NgSelectModule], exports: [DateShortcutComponent] });
-DateShortcutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DateShortcutModule, imports: [[
+DateShortcutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DateShortcutModule, imports: [[
             FormsModule,
             CommonModule,
             NgSelectModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DateShortcutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DateShortcutModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2020/lib/widgets/dialog/dialog.confirm.content.mjs

@@ -13,8 +13,8 @@ export class DialogConfirmContent {
         }
     }
 }
-DialogConfirmContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogConfirmContent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
-DialogConfirmContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DialogConfirmContent, selector: "ng-component", inputs: { title: "title", body: "body", html: "html" }, host: { listeners: { "document:keypress": "handleKeyboardEvent($event)" } }, ngImport: i0, template: `
+DialogConfirmContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogConfirmContent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
+DialogConfirmContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DialogConfirmContent, selector: "ng-component", inputs: { title: "title", body: "body", html: "html" }, host: { listeners: { "document:keypress": "handleKeyboardEvent($event)" } }, ngImport: i0, template: `
 		<div class="modal-header">
 			<h4 class="modal-title"><i class="fa fa-question-circle" style="color: blue; font-size: 0.85em" aria-hidden="true"></i> {{ title }}</h4>
 			<button type="button" class="close" aria-label="Close" (click)="activeModal.dismiss('Cross click')">
@@ -30,7 +30,7 @@ DialogConfirmContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
 			<button type="button" class="btn btn-danger" (click)="activeModal.dismiss()">No</button>
 		</div>
   	`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogConfirmContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogConfirmContent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2020/lib/widgets/dialog/dialog.error.content.mjs

@@ -13,8 +13,8 @@ export class DialogErrorContent {
         }
     }
 }
-DialogErrorContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogErrorContent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
-DialogErrorContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DialogErrorContent, selector: "ng-component", inputs: { title: "title", body: "body" }, host: { listeners: { "document:keypress": "handleKeyboardEvent($event)" } }, ngImport: i0, template: `
+DialogErrorContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogErrorContent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
+DialogErrorContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DialogErrorContent, selector: "ng-component", inputs: { title: "title", body: "body" }, host: { listeners: { "document:keypress": "handleKeyboardEvent($event)" } }, ngImport: i0, template: `
 		<div class="modal-header">
 			<h4 class="modal-title"><i class="fa fa-times-circle" style="color: red; font-size: 0.85em" aria-hidden="true"></i> {{ title }}</h4>
 			<button type="button" class="close" aria-label="Close" (click)="activeModal.dismiss('Cross click')">
@@ -28,7 +28,7 @@ DialogErrorContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
 			<button type="button" class="btn btn-secondary" (click)="activeModal.close('Close click')">Ok</button>
 		</div>
   	`, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogErrorContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogErrorContent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2020/lib/widgets/dialog/dialog.input.content.mjs

@@ -60,8 +60,8 @@ export class DialogInputContent {
         return res;
     }
 }
-DialogInputContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogInputContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-DialogInputContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DialogInputContent, selector: "ng-component", inputs: { title: "title", inputFields: "inputFields" }, ngImport: i0, template: `
+DialogInputContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogInputContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+DialogInputContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DialogInputContent, selector: "ng-component", inputs: { title: "title", inputFields: "inputFields" }, ngImport: i0, template: `
 		<form [formGroup]="formInput" novalidate (ngSubmit)="_activeModal.close(this.formInput.controls)">
 			<div class="modal-header">
 				<h4 class="modal-title"><i class="fa fa-plus-circle" style="color: green; font-size: 0.85em" aria-hidden="true"></i> {{ title }}</h4>
@@ -123,7 +123,7 @@ DialogInputContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
 			</div>
 		</form>
 	`, isInline: true, components: [{ type: i3.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i3.NgOptionComponent, selector: "ng-option", inputs: ["value", "disabled"] }, { type: i4.FormButtonComponent, selector: "form-button", inputs: ["form", "disabled"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i6.FocusDirective, selector: "[focus]", inputs: ["focus"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { type: i2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogInputContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogInputContent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2020/lib/widgets/dialog/dialog.login.content.mjs

@@ -42,8 +42,8 @@ export class DialogLoginContent {
         });
     }
 }
-DialogLoginContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogLoginContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DialogLoginContent, selector: "ng-component", inputs: { msAllowed: "msAllowed", showLoginText: "showLoginText" }, ngImport: i0, template: `
+DialogLoginContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogLoginContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DialogLoginContent, selector: "ng-component", inputs: { msAllowed: "msAllowed", showLoginText: "showLoginText" }, ngImport: i0, template: `
 		<style>
 			collapse-table {
 				width: 100%;
@@ -191,7 +191,7 @@ DialogLoginContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ver
 			</div>
 		</form>
 	`, isInline: true, styles: ["\n\t\t\tcollapse-table {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {\n\t\t\t\tcolor: #0b4499;\n\t\t\t}\n\t\t\t.navbar-light .navbar-nav .nav-link {\n\t\t\t\tcolor:#333;\n\t\t\t}\n\t\t\ta.nav-link.loginreg {\n\t\t\t\tbackground-color: #0b4499;\n\t\t\t\tcolor: #fff !important;\n\t\t\t\tborder-radius: 40px;\n\t\t\t}\n\t\t\ta.nav-link.loginreg:hover {\n\t\t\t\tbackground: #1668e2;\n\t\t\t}\n\t\t\t.nav-link {\n\t\t\t\tcolor: #333333;\n\t\t\t\tfont-size: 150%\n\t\t\t}\n\t\t\t.nav-item a.nav-link.active {\n\t\t\t\tcolor: #0b4499;\n\t\t\t}\n\t\t\t.contactimg>img{\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.log-box {\n\t\t\t\tpadding-top: 26px;\n\t\t\t\tpadding-bottom: 26px;\n\t\t\t}\n\t\t\t.loginform .form-control, .register-form .form-control {\n\t\t\t\tcolor: #000;\n\t\t\t\theight: 52px;\n\t\t\t}\n\t\t\t.loginform {\n\t\t\t\tmargin-top: 35px;\n\t\t\t}\n\t\t\t.loginform label {\n\t\t\t\tfont-size: 18px;\n\t\t\t\tfont-weight: 600;\n\t\t\t}\n\n\t\t\t.loginbtn {\n\t\t\t\tbackground: #0b4499;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: 44px;\n\t\t\t\theight: 52px;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\t.login365btn {\n\t\t\t\tbackground: orange;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: 44px;\n\t\t\t\theight: 52px;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\t.contactimg {\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t\t.login-logo {\n\t\t\t\tmargin-bottom: 20px;\n\t\t\t}\n\n\t\t\t.textbox {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tcolor: #fff;\n\t\t\t\tpadding: 40px;\n\t\t\t\ttransform: translate(0%, -50%);\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t\t.sign-btn {\n\t\t\t\tbackground: #0b4499;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: 14px;\n\t\t\t\theight: 52px;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\tbutton.btn.sign-btn:hover {\n\t\t\t\tbackground: #1668e2;\n\t\t\t}\n\t\t"], components: [{ type: i3.ResponsiveButtonGroupComponent, selector: "responsive-button-group", inputs: ["collapseSize"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.FocusDirective, selector: "[focus]", inputs: ["focus"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogLoginContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogLoginContent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2020/lib/widgets/dialog/dialog.notify.content.mjs

@@ -13,8 +13,8 @@ export class DialogNotifyContent {
         }
     }
 }
-DialogNotifyContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogNotifyContent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
-DialogNotifyContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DialogNotifyContent, selector: "ng-component", inputs: { title: "title", body: "body" }, host: { listeners: { "document:keypress": "handleKeyboardEvent($event)" } }, ngImport: i0, template: `
+DialogNotifyContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogNotifyContent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
+DialogNotifyContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DialogNotifyContent, selector: "ng-component", inputs: { title: "title", body: "body" }, host: { listeners: { "document:keypress": "handleKeyboardEvent($event)" } }, ngImport: i0, template: `
 		<div class="modal-header">
 			<h4 class="modal-title"><i class="fa fa-info-circle" style="color: blue; font-size: 0.85em" aria-hidden="true"></i> {{ title }}</h4>
 	  		<button type="button" class="close" aria-label="Close" (click)="activeModal.dismiss('Cross click')">
@@ -28,7 +28,7 @@ DialogNotifyContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
 	  		<button type="button" class="btn btn-secondary" (click)="activeModal.close('Close click')">Ok</button>
 		</div>
   `, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogNotifyContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogNotifyContent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2020/lib/widgets/dialog/dialog.register.content.mjs

@@ -23,8 +23,8 @@ export class DialogRegisterContent {
         });
     }
 }
-DialogRegisterContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogRegisterContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-DialogRegisterContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DialogRegisterContent, selector: "ng-component", ngImport: i0, template: `
+DialogRegisterContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogRegisterContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+DialogRegisterContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DialogRegisterContent, selector: "ng-component", ngImport: i0, template: `
 		<style>
 			collapse-table {
 				width: 100%;
@@ -173,7 +173,7 @@ DialogRegisterContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
 			</div>
 		</form>
 	`, isInline: true, styles: ["\n\t\t\tcollapse-table {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {\n\t\t\t\tcolor: #0b4499;\n\t\t\t}\n\t\t\t.navbar-light .navbar-nav .nav-link {\n\t\t\t\tcolor:#333;\n\t\t\t}\n\t\t\ta.nav-link.loginreg {\n\t\t\t\tbackground-color: #0b4499;\n\t\t\t\tcolor: #fff !important;\n\t\t\t\tborder-radius: 40px;\n\t\t\t}\n\t\t\ta.nav-link.loginreg:hover {\n\t\t\t\tbackground: #1668e2;\n\t\t\t}\n\t\t\t.nav-link {\n\t\t\t\tcolor: #333333;\n\t\t\t\tfont-size: 150%\n\t\t\t}\n\t\t\t.nav-item a.nav-link.active {\n\t\t\t\tcolor: #0b4499;\n\t\t\t}\n\t\t\t.contactimg>img{\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\t.log-box {\n\t\t\t\tpadding-top: 26px;\n\t\t\t\tpadding-bottom: 26px;\n\t\t\t}\n\t\t\t.loginform .form-control, .register-form .form-control {\n\t\t\t\tcolor: #000;\n\t\t\t\theight: 52px;\n\t\t\t}\n\t\t\t.loginform {\n\t\t\t\tmargin-top: 35px;\n\t\t\t}\n\t\t\t.loginform label {\n\t\t\t\tfont-size: 18px;\n\t\t\t\tfont-weight: 600;\n\t\t\t}\n\n\t\t\t.loginbtn {\n\t\t\t\tbackground: #0b4499;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: 44px;\n\t\t\t\theight: 52px;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\t.contactimg {\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t\t.login-logo {\n\t\t\t\tmargin-bottom: 20px;\n\t\t\t}\n\n\t\t\t.textbox {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tcolor: #fff;\n\t\t\t\tpadding: 40px;\n\t\t\t\ttransform: translate(0%, -50%);\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t\t.sign-btn {\n\t\t\t\tbackground: #0b4499;\n\t\t\t\twidth: 100%;\n\t\t\t\tmargin-top: 14px;\n\t\t\t\theight: 52px;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t\tcolor: #fff !important;\n\t\t\t}\n\n\t\t\tbutton.btn.sign-btn:hover {\n\t\t\t\tbackground: #1668e2;\n\t\t\t}\n\t\t"], components: [{ type: i3.ResponsiveButtonGroupComponent, selector: "responsive-button-group", inputs: ["collapseSize"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.FocusDirective, selector: "[focus]", inputs: ["focus"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogRegisterContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogRegisterContent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2020/lib/widgets/dialog/dialog.select-array-objs.content.mjs

@@ -79,8 +79,8 @@ export class DialogSelectArrayObjsContent {
         }
     }
 }
-DialogSelectArrayObjsContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogSelectArrayObjsContent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
-DialogSelectArrayObjsContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DialogSelectArrayObjsContent, selector: "ng-component", inputs: { title: "title", objects: "objects", multiple: "multiple", allowNone: "allowNone" }, viewQueries: [{ propertyName: "close", first: true, predicate: ["close"], descendants: true }, { propertyName: "allElements", first: true, predicate: ["allElements"], descendants: true }], ngImport: i0, template: `
+DialogSelectArrayObjsContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogSelectArrayObjsContent, deps: [{ token: i1.NgbActiveModal }], target: i0.ɵɵFactoryTarget.Component });
+DialogSelectArrayObjsContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DialogSelectArrayObjsContent, selector: "ng-component", inputs: { title: "title", objects: "objects", multiple: "multiple", allowNone: "allowNone" }, viewQueries: [{ propertyName: "close", first: true, predicate: ["close"], descendants: true }, { propertyName: "allElements", first: true, predicate: ["allElements"], descendants: true }], ngImport: i0, template: `
 		<style>
 			collapse-table tr:hover {
 				background-color: lightblue;
@@ -129,7 +129,7 @@ DialogSelectArrayObjsContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
 			</div>
 		</div>
 	`, isInline: true, styles: ["\n\t\t\tcollapse-table tr:hover {\n\t\t\t\tbackground-color: lightblue;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t.selected {\n\t\t\t\tbackground-color: lightblue;\n\t\t\t}\n\n\t\t\tcollapse-table {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t"], components: [{ type: i2.CollapseTableComponent, selector: "collapse-table", inputs: ["collapseSize", "tableFixed", "headerFixed", "secondaryColor", "tertiaryColor"] }], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogSelectArrayObjsContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogSelectArrayObjsContent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2020/lib/widgets/dialog/dialog.select-array.content.mjs

@@ -127,8 +127,8 @@ export class DialogSelectArrayContent {
         this.selectIndexes = [];
     }
 }
-DialogSelectArrayContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogSelectArrayContent, deps: [{ token: i1.NgbActiveModal }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-DialogSelectArrayContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DialogSelectArrayContent, selector: "ng-component", inputs: { title: "title", array: "array", multiple: "multiple", selectedIndexes: "selectedIndexes" }, viewQueries: [{ propertyName: "close", first: true, predicate: ["close"], descendants: true }, { propertyName: "allElements", first: true, predicate: ["allElements"], descendants: true }], ngImport: i0, template: `
+DialogSelectArrayContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogSelectArrayContent, deps: [{ token: i1.NgbActiveModal }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+DialogSelectArrayContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DialogSelectArrayContent, selector: "ng-component", inputs: { title: "title", array: "array", multiple: "multiple", selectedIndexes: "selectedIndexes" }, viewQueries: [{ propertyName: "close", first: true, predicate: ["close"], descendants: true }, { propertyName: "allElements", first: true, predicate: ["allElements"], descendants: true }], ngImport: i0, template: `
 		<style>
 			collapse-table tr:hover {
 				background-color: lightblue;
@@ -205,7 +205,7 @@ DialogSelectArrayContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
 			</div>
 		</div>
 	`, isInline: true, styles: ["\n\t\t\tcollapse-table tr:hover {\n\t\t\t\tbackground-color: lightblue;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t.selected {\n\t\t\t\tbackground-color: lightblue;\n\t\t\t}\n\n\t\t\tcollapse-table {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t"], components: [{ type: i2.ResponsiveButtonGroupComponent, selector: "responsive-button-group", inputs: ["collapseSize"] }, { type: i3.CollapseTableComponent, selector: "collapse-table", inputs: ["collapseSize", "tableFixed", "headerFixed", "secondaryColor", "tertiaryColor"] }, { type: i4.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { type: i4.NgOptionComponent, selector: "ng-option", inputs: ["value", "disabled"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i6.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogSelectArrayContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogSelectArrayContent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2020/lib/widgets/dialog/dialog.select-data-labels.content.mjs

@@ -102,8 +102,8 @@ export class DialogSelectDataLabelsContent {
         return this.dialogData;
     }
 }
-DialogSelectDataLabelsContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogSelectDataLabelsContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-DialogSelectDataLabelsContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DialogSelectDataLabelsContent, selector: "ng-component", inputs: { title: "title", subtitle: "subtitle", data: "data", showArraySubData: "showArraySubData" }, ngImport: i0, template: `
+DialogSelectDataLabelsContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogSelectDataLabelsContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+DialogSelectDataLabelsContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DialogSelectDataLabelsContent, selector: "ng-component", inputs: { title: "title", subtitle: "subtitle", data: "data", showArraySubData: "showArraySubData" }, ngImport: i0, template: `
 		<div class="modal-header">
 			<h4 class="modal-title"><i class="fa fa-question-circle" style="color: blue; font-size: 0.75em" aria-hidden="true"></i> {{ title }} - {{ subtitle }}</h4>
 			<button type="button" class="close" aria-label="Close" (click)="_activeModal.dismiss()">
@@ -139,7 +139,7 @@ DialogSelectDataLabelsContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "1
 			<button type="button" class="btn btn-secondary" (click)="_activeModal.dismiss()">Cancel</button>
 		</div>
 	`, isInline: true, directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogSelectDataLabelsContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogSelectDataLabelsContent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2020/lib/widgets/dialog/dialog.select-datetime.content.mjs

@@ -60,8 +60,8 @@ export class DialogSelectDateTimeContent {
         this._activeModal.close(new Date(this.form.value.date.year, parseInt(this.form.value.date.month) - 1, this.form.value.date.day, this.form.value.time.hour, this.form.value.time.minute, this.form.value.time.second, 0));
     }
 }
-DialogSelectDateTimeContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogSelectDateTimeContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
-DialogSelectDateTimeContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DialogSelectDateTimeContent, selector: "ng-component", inputs: { title: "title", date: "date", showTime: "showTime" }, viewQueries: [{ propertyName: "close", first: true, predicate: ["close"], descendants: true }, { propertyName: "allElements", first: true, predicate: ["allElements"], descendants: true }], ngImport: i0, template: `
+DialogSelectDateTimeContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogSelectDateTimeContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+DialogSelectDateTimeContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DialogSelectDateTimeContent, selector: "ng-component", inputs: { title: "title", date: "date", showTime: "showTime" }, viewQueries: [{ propertyName: "close", first: true, predicate: ["close"], descendants: true }, { propertyName: "allElements", first: true, predicate: ["allElements"], descendants: true }], ngImport: i0, template: `
 	  	<style>
 		  	table {
 				width: 100%;
@@ -113,7 +113,7 @@ DialogSelectDateTimeContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
 			</form>
 		</div>
 	`, isInline: true, styles: ["\n\t\t  \ttable {\n\t\t\t\twidth: 100%;\n\t\t\t\ttable-layout: fixed;\n\t\t\t}\n\n\t\t\ttr {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\n\t\t\ttd {\n\t\t\t\twidth: 100%;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t"], components: [{ type: i1.NgbTimepicker, selector: "ngb-timepicker", inputs: ["meridian", "spinners", "seconds", "hourStep", "minuteStep", "secondStep", "readonlyInputs", "size"] }, { type: i3.FormButtonComponent, selector: "form-button", inputs: ["form", "disabled"] }], directives: [{ type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1.NgbInputDatepicker, selector: "input[ngbDatepicker]", inputs: ["autoClose", "datepickerClass", "dayTemplate", "dayTemplateData", "displayMonths", "firstDayOfWeek", "footerTemplate", "markDisabled", "minDate", "maxDate", "navigation", "outsideDays", "placement", "restoreFocus", "showWeekNumbers", "startDate", "container", "positionTarget", "weekdays", "disabled"], outputs: ["dateSelect", "navigate", "closed"], exportAs: ["ngbDatepicker"] }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogSelectDateTimeContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogSelectDateTimeContent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2020/lib/widgets/dialog/dialog.select-with-buttons-url.content.mjs

@@ -83,8 +83,8 @@ export class DialogSelectWithButtonsURLContent {
         this._activeModal.close();
     }
 }
-DialogSelectWithButtonsURLContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogSelectWithButtonsURLContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.AccountManagerService }], target: i0.ɵɵFactoryTarget.Component });
-DialogSelectWithButtonsURLContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: DialogSelectWithButtonsURLContent, selector: "ng-component", inputs: { url: "url" }, viewQueries: [{ propertyName: "close", first: true, predicate: ["close"], descendants: true }, { propertyName: "allElements", first: true, predicate: ["allElements"], descendants: true }], ngImport: i0, template: `
+DialogSelectWithButtonsURLContent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogSelectWithButtonsURLContent, deps: [{ token: i1.NgbActiveModal }, { token: i2.AccountManagerService }], target: i0.ɵɵFactoryTarget.Component });
+DialogSelectWithButtonsURLContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: DialogSelectWithButtonsURLContent, selector: "ng-component", inputs: { url: "url" }, viewQueries: [{ propertyName: "close", first: true, predicate: ["close"], descendants: true }, { propertyName: "allElements", first: true, predicate: ["allElements"], descendants: true }], ngImport: i0, template: `
 		<style>
 			collapse-table tr:hover {
 				background-color: lightblue;
@@ -115,7 +115,7 @@ DialogSelectWithButtonsURLContent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion
 			</div>
 		</div>
 	`, isInline: true, styles: ["\n\t\t\tcollapse-table tr:hover {\n\t\t\t\tbackground-color: lightblue;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t.selected {\n\t\t\t\tbackground-color: lightblue;\n\t\t\t}\n\n\t\t\tcollapse-table {\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t"], directives: [{ type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogSelectWithButtonsURLContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogSelectWithButtonsURLContent, decorators: [{
             type: Component,
             args: [{
                     template: `

package/esm2020/lib/widgets/dialog/dialog.service.mjs

@@ -89,9 +89,9 @@ export class DialogService {
         return modalRef.result;
     }
 }
-DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogService, deps: [{ token: i1.NgbModal }], target: i0.ɵɵFactoryTarget.Injectable });
-DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: DialogService, decorators: [{
+DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogService, deps: [{ token: i1.NgbModal }], target: i0.ɵɵFactoryTarget.Injectable });
+DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: DialogService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.NgbModal }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL3NyYy9saWIvd2lkZ2V0cy9kaWFsb2cvZGlhbG9nLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMzQyxPQUFPLEVBQUUsUUFBUSxFQUFtQixNQUFNLDRCQUE0QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRS9FLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQzVELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzdGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBRWxGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLCtCQUErQixDQUFDOzs7QUFHekUsTUFBTSxPQUFPLGFBQWE7SUFFekIsWUFBb0IsWUFBc0I7UUFBdEIsaUJBQVksR0FBWixZQUFZLENBQVU7SUFBSSxDQUFDO0lBRS9DLFVBQVUsQ0FBQyxPQUFPLEVBQUUsVUFBMkIsRUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUM7UUFDOUUsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUVELE1BQU0sQ0FBQyxHQUFXO1FBQ2pCLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsbUJBQW1CLENBQUMsQ0FBQztRQUN0RCxRQUFRLENBQUMsaUJBQWlCLENBQUMsS0FBSyxHQUFHLFFBQVEsQ0FBQztRQUM1QyxRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBSSxHQUFHLEdBQUcsQ0FBQztJQUN2QyxDQUFDO0lBRUQsS0FBSyxDQUFDLEtBQWEsRUFBRSxXQUFvQztRQUN4RCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDckQsUUFBUSxDQUFDLGlCQUFpQixDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDekMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7UUFDckQsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxLQUFLLENBQUMsR0FBVztRQUNoQixNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLGtCQUFrQixDQUFDLENBQUM7UUFDckQsUUFBUSxDQUFDLGlCQUFpQixDQUFDLEtBQUssR0FBRyxPQUFPLENBQUM7UUFDM0MsUUFBUSxDQUFDLGlCQUFpQixDQUFDLElBQUksR0FBRyxHQUFHLENBQUM7SUFDdkMsQ0FBQztJQUVELE9BQU8sQ0FBQyxHQUFXLEVBQUUsSUFBYTtRQUNqQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLG9CQUFvQixDQUFDLENBQUM7UUFDdkQsUUFBUSxDQUFDLGlCQUFpQixDQUFDLEtBQUssR0FBRyxTQUFTLENBQUM7UUFDN0MsUUFBUSxDQUFDLGlCQUFpQixDQUFDLElBQUksR0FBRyxHQUFHLENBQUM7UUFDdEMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDdkMsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxjQUFjLENBQUMsSUFBVSxFQUFFLFFBQVEsR0FBRyxJQUFJO1FBQ3pDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsMkJBQTJCLENBQUMsQ0FBQztRQUM5RCxRQUFRLENBQUMsaUJBQWlCLENBQUMsS0FBSyxHQUFHLGFBQWEsR0FBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNqRixRQUFRLENBQUMsaUJBQWlCLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUN2QyxRQUFRLENBQUMsaUJBQWlCLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztRQUMvQyxPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUM7SUFDeEIsQ0FBQztJQUVELGVBQWUsQ0FBQyxJQUFTLEVBQUUsZ0JBQWdCLEdBQUcsSUFBSTtRQUNqRCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLDZCQUE2QixFQUFFLEVBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFDLENBQUMsQ0FBQztRQUNsRyxRQUFRLENBQUMsaUJBQWlCLENBQUMsS0FBSyxHQUFHLG9CQUFvQixDQUFDO1FBQ3hELFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO1FBQ3ZDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxnQkFBZ0IsR0FBRyxnQkFBZ0IsQ0FBQztRQUMvRCxPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUM7SUFDeEIsQ0FBQztJQUVELEtBQUssQ0FBQyxTQUFrQixFQUFFLGFBQWEsR0FBRyxJQUFJO1FBQzdDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUNyRCxRQUFRLENBQUMsaUJBQWlCLENBQUMsU0FBUyxHQUFHLFNBQVMsQ0FBQztRQUNqRCxRQUFRLENBQUMsaUJBQWlCLENBQUMsYUFBYSxHQUFHLGFBQWEsQ0FBQztRQUN6RCxPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUM7SUFDeEIsQ0FBQztJQUVELFFBQVE7UUFDUCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLHFCQUFxQixDQUFDLENBQUM7UUFDeEQsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFDO0lBQ3hCLENBQUM7SUFFRCxvQkFBb0IsQ0FBQyxHQUFXO1FBQy9CLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsaUNBQWlDLENBQUMsQ0FBQztRQUNwRSxRQUFRLENBQUMsaUJBQWlCLENBQUMsR0FBRyxHQUFHLEdBQUcsQ0FBQztRQUNyQyxPQUFPLFFBQVEsQ0FBQyxNQUFNLENBQUM7SUFDeEIsQ0FBQztJQUVELG1CQUFtQixDQUFDLEtBQWEsRUFBRSxPQUE2QyxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsU0FBUyxHQUFHLEtBQUs7UUFDcEgsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyw0QkFBNEIsQ0FBQyxDQUFDO1FBQy9ELFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ3pDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDO1FBQzdDLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO1FBQy9DLFFBQVEsQ0FBQyxpQkFBaUIsQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO1FBQ2pELE9BQU8sUUFBUSxDQUFDLE1BQU0sQ0FBQztJQUN4QixDQUFDO0lBRUQsV0FBVyxDQUFDLEtBQWEsRUFBRSxLQUFZLEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxlQUFlLEdBQUcsRUFBRTtRQUM5RSxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLHdCQUF3QixDQUFDLENBQUM7UUFDM0QsUUFBUSxDQUFDLGlCQUFpQixDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDekMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDekMsUUFBUSxDQUFDLGlCQUFpQixDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7UUFDL0MsUUFBUSxDQUFDLGlCQUFpQixDQUFDLGVBQWUsR0FBRyxlQUFlLENBQUM7UUFDN0QsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFDO0lBQ3hCLENBQUM7OzBHQXJGVyxhQUFhOzhHQUFiLGFBQWE7MkZBQWIsYUFBYTtrQkFEekIsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nYk1vZGFsLCBOZ2JNb2RhbE9wdGlvbnMgfSBmcm9tICdAbmctYm9vdHN0cmFwL25nLWJvb3RzdHJhcCc7XG5pbXBvcnQgeyBEaWFsb2dOb3RpZnlDb250ZW50IH0gZnJvbSAnLi9kaWFsb2cubm90aWZ5LmNvbnRlbnQnO1xuaW1wb3J0IHsgRGlhbG9nSW5wdXRDb250ZW50IH0gZnJvbSAnLi9kaWFsb2cuaW5wdXQuY29udGVudCc7XG5pbXBvcnQgeyBEaWFsb2dFcnJvckNvbnRlbnQgfSBmcm9tICcuL2RpYWxvZy5lcnJvci5jb250ZW50JztcbmltcG9ydCB7IERpYWxvZ0NvbmZpcm1Db250ZW50IH0gZnJvbSAnLi9kaWFsb2cuY29uZmlybS5jb250ZW50JztcbmltcG9ydCB7IERpYWxvZ1NlbGVjdERhdGVUaW1lQ29udGVudCB9IGZyb20gJy4vZGlhbG9nLnNlbGVjdC1kYXRldGltZS5jb250ZW50JztcbmltcG9ydCB7IERpYWxvZ0lucHV0RmllbGRNb2RlbCwgRGlhbG9nU2VsZWN0V2l0aEJ1dHRvbnNPcHRpb25Nb2RlbCB9IGZyb20gJy4uLy4uL21vZGVscy9kaWFsb2cubW9kZWwnO1xuaW1wb3J0IHsgRGlhbG9nU2VsZWN0RGF0YUxhYmVsc0NvbnRlbnQgfSBmcm9tICcuL2RpYWxvZy5zZWxlY3QtZGF0YS1sYWJlbHMuY29udGVudCc7XG5pbXBvcnQgeyBEaWFsb2dMb2dpbkNvbnRlbnQgfSBmcm9tICcuL2RpYWxvZy5sb2dpbi5jb250ZW50JztcbmltcG9ydCB7IERpYWxvZ1JlZ2lzdGVyQ29udGVudCB9IGZyb20gJy4vZGlhbG9nLnJlZ2lzdGVyLmNvbnRlbnQnO1xuaW1wb3J0IHsgRGlhbG9nU2VsZWN0V2l0aEJ1dHRvbnNVUkxDb250ZW50IH0gZnJvbSAnLi9kaWFsb2cuc2VsZWN0LXdpdGgtYnV0dG9ucy11cmwuY29udGVudCc7XG5pbXBvcnQgeyBEaWFsb2dTZWxlY3RBcnJheU9ianNDb250ZW50IH0gZnJvbSAnLi9kaWFsb2cuc2VsZWN0LWFycmF5LW9ianMuY29udGVudCc7XG5pbXBvcnQgeyBVc2VyTW9kZWwgfSBmcm9tICcuLi8uLi9tb2RlbHMvdXNlci5tb2RlbCc7XG5pbXBvcnQgeyBEaWFsb2dTZWxlY3RBcnJheUNvbnRlbnQgfSBmcm9tICcuL2RpYWxvZy5zZWxlY3QtYXJyYXkuY29udGVudCc7XG5cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBEaWFsb2dTZXJ2aWNlIHtcblxuXHRjb25zdHJ1Y3Rvcihwcml2YXRlIG1vZGFsU2VydmljZTogTmdiTW9kYWwpIHsgfVxuXG5cdG9wZW5EaWFsb2coY29udGVudCwgb3B0aW9uczogTmdiTW9kYWxPcHRpb25zID0ge3NpemU6ICdsZycsIGJhY2tkcm9wOiAnc3RhdGljJ30pIHtcblx0XHRyZXR1cm4gdGhpcy5tb2RhbFNlcnZpY2Uub3Blbihjb250ZW50LCBvcHRpb25zKTtcblx0fVxuXG5cdG5vdGlmeShtc2c6IHN0cmluZykge1xuXHRcdGNvbnN0IG1vZGFsUmVmID0gdGhpcy5vcGVuRGlhbG9nKERpYWxvZ05vdGlmeUNvbnRlbnQpO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLnRpdGxlID0gJ05vdGlmeSc7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UuYm9keSA9IG1zZztcblx0fVxuXG5cdGlucHV0KHRpdGxlOiBzdHJpbmcsIGlucHV0RmllbGRzOiBEaWFsb2dJbnB1dEZpZWxkTW9kZWxbXSkge1xuXHRcdGNvbnN0IG1vZGFsUmVmID0gdGhpcy5vcGVuRGlhbG9nKERpYWxvZ0lucHV0Q29udGVudCk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UudGl0bGUgPSB0aXRsZTtcblx0XHRtb2RhbFJlZi5jb21wb25lbnRJbnN0YW5jZS5pbnB1dEZpZWxkcyA9IGlucHV0RmllbGRzO1xuXHRcdHJldHVybiBtb2RhbFJlZi5yZXN1bHQ7XG5cdH1cblxuXHRlcnJvcihtc2c6IHN0cmluZykge1xuXHRcdGNvbnN0IG1vZGFsUmVmID0gdGhpcy5vcGVuRGlhbG9nKERpYWxvZ0Vycm9yQ29udGVudCk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UudGl0bGUgPSAnRXJyb3InO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLmJvZHkgPSBtc2c7XG5cdH1cblxuXHRjb25maXJtKG1zZzogc3RyaW5nLCBodG1sPzogc3RyaW5nKSB7XG5cdFx0Y29uc3QgbW9kYWxSZWYgPSB0aGlzLm9wZW5EaWFsb2coRGlhbG9nQ29uZmlybUNvbnRlbnQpO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLnRpdGxlID0gJ0NvbmZpcm0nO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLmJvZHkgPSBtc2c7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UuaHRtbCA9IGh0bWw7XG5cdFx0cmV0dXJuIG1vZGFsUmVmLnJlc3VsdDtcblx0fVxuXG5cdHNlbGVjdERhdGVUaW1lKGRhdGU6IERhdGUsIHNob3dUaW1lID0gdHJ1ZSkge1xuXHRcdGNvbnN0IG1vZGFsUmVmID0gdGhpcy5vcGVuRGlhbG9nKERpYWxvZ1NlbGVjdERhdGVUaW1lQ29udGVudCk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UudGl0bGUgPSAnU2VsZWN0IERhdGUnICsgKHNob3dUaW1lID8gJyBhbmQgVGltZScgOiAnJyk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UuZGF0ZSA9IGRhdGU7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2Uuc2hvd1RpbWUgPSBzaG93VGltZTtcblx0XHRyZXR1cm4gbW9kYWxSZWYucmVzdWx0O1xuXHR9XG5cdFxuXHRzZWxlY3REYXRhTGFiZWwoZGF0YTogYW55LCBzaG93QXJyYXlTdWJEYXRhID0gdHJ1ZSkge1xuXHRcdGNvbnN0IG1vZGFsUmVmID0gdGhpcy5vcGVuRGlhbG9nKERpYWxvZ1NlbGVjdERhdGFMYWJlbHNDb250ZW50LCB7c2l6ZTogJ3NtJywgYmFja2Ryb3A6ICdzdGF0aWMnfSk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UudGl0bGUgPSAnU2VsZWN0IERhdGEgTGFiZWxzJztcblx0XHRtb2RhbFJlZi5jb21wb25lbnRJbnN0YW5jZS5kYXRhID0gZGF0YTtcblx0XHRtb2RhbFJlZi5jb21wb25lbnRJbnN0YW5jZS5zaG93QXJyYXlTdWJEYXRhID0gc2hvd0FycmF5U3ViRGF0YTtcblx0XHRyZXR1cm4gbW9kYWxSZWYucmVzdWx0O1xuXHR9XG5cblx0bG9naW4obXNBbGxvd2VkOiBib29sZWFuLCBzaG93TG9naW5UZXh0ID0gdHJ1ZSkge1xuXHRcdGNvbnN0IG1vZGFsUmVmID0gdGhpcy5vcGVuRGlhbG9nKERpYWxvZ0xvZ2luQ29udGVudCk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UubXNBbGxvd2VkID0gbXNBbGxvd2VkO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLnNob3dMb2dpblRleHQgPSBzaG93TG9naW5UZXh0O1xuXHRcdHJldHVybiBtb2RhbFJlZi5yZXN1bHQ7XG5cdH1cblxuXHRyZWdpc3RlcigpIHtcblx0XHRjb25zdCBtb2RhbFJlZiA9IHRoaXMub3BlbkRpYWxvZyhEaWFsb2dSZWdpc3RlckNvbnRlbnQpO1xuXHRcdHJldHVybiBtb2RhbFJlZi5yZXN1bHQ7XG5cdH1cblxuXHRzZWxlY3RXaXRoQnV0dG9uc1VSTCh1cmw6IHN0cmluZykge1xuXHRcdGNvbnN0IG1vZGFsUmVmID0gdGhpcy5vcGVuRGlhbG9nKERpYWxvZ1NlbGVjdFdpdGhCdXR0b25zVVJMQ29udGVudCk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UudXJsID0gdXJsO1xuXHRcdHJldHVybiBtb2RhbFJlZi5yZXN1bHQ7XG5cdH1cblxuXHRzZWxlY3RXaXRoQXJyYXlPYmpzKHRpdGxlOiBzdHJpbmcsIG9iamVjdHM6IERpYWxvZ1NlbGVjdFdpdGhCdXR0b25zT3B0aW9uTW9kZWxbXSwgbXVsdGlwbGUgPSBmYWxzZSwgYWxsb3dOb25lID0gZmFsc2UpIHtcblx0XHRjb25zdCBtb2RhbFJlZiA9IHRoaXMub3BlbkRpYWxvZyhEaWFsb2dTZWxlY3RBcnJheU9ianNDb250ZW50KTtcblx0XHRtb2RhbFJlZi5jb21wb25lbnRJbnN0YW5jZS50aXRsZSA9IHRpdGxlO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLm9iamVjdHMgPSBvYmplY3RzO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLm11bHRpcGxlID0gbXVsdGlwbGU7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UuYWxsb3dOb25lID0gYWxsb3dOb25lO1xuXHRcdHJldHVybiBtb2RhbFJlZi5yZXN1bHQ7XG5cdH1cblxuXHRzZWxlY3RBcnJheSh0aXRsZTogc3RyaW5nLCBhcnJheTogYW55W10sIG11bHRpcGxlID0gZmFsc2UsIHNlbGVjdGVkSW5kZXhlcyA9IFtdKSB7XG5cdFx0Y29uc3QgbW9kYWxSZWYgPSB0aGlzLm9wZW5EaWFsb2coRGlhbG9nU2VsZWN0QXJyYXlDb250ZW50KTtcblx0XHRtb2RhbFJlZi5jb21wb25lbnRJbnN0YW5jZS50aXRsZSA9IHRpdGxlO1xuXHRcdG1vZGFsUmVmLmNvbXBvbmVudEluc3RhbmNlLmFycmF5ID0gYXJyYXk7XG5cdFx0bW9kYWxSZWYuY29tcG9uZW50SW5zdGFuY2UubXVsdGlwbGUgPSBtdWx0aXBsZTtcblx0XHRtb2RhbFJlZi5jb21wb25lbnRJbnN0YW5jZS5zZWxlY3RlZEluZGV4ZXMgPSBzZWxlY3RlZEluZGV4ZXM7XG5cdFx0cmV0dXJuIG1vZGFsUmVmLnJlc3VsdDtcblx0fVxufSJdfQ==

package/esm2020/lib/widgets/file/file-upload.component.mjs

@@ -398,9 +398,9 @@ export class FileUploadComponent extends BaseComponent {
         }, cancelled => { });
     }
 }
-FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1.ResizeService }, { token: i2.ProviderService }, { token: i3.DialogService }, { token: i4.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
-FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.1", type: FileUploadComponent, selector: "file-upload", inputs: { files: "files", allowDelete: "allowDelete", allowReplace: "allowReplace", showFileUpload: "showFileUpload", fileType: "fileType" }, outputs: { filesChanged: "filesChanged", fileAdded: "fileAdded", fileRemoved: "fileRemoved" }, viewQueries: [{ propertyName: "download_link", first: true, predicate: ["download_link"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<style>\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n</style>\n\n<a style=\"display: none\" #download_link></a>\n<input hidden type=\"file\" #fileInputReplace (change)=\"onFileSelectReplace($event)\" />\n \n<div class=\"card\">\n    <div class=\"card-header\">\n        <strong class=\"pull-left\">Files</strong>\n    </div>\n    <div class=\"card-block\">\n        <div class=\"row\">\n            <div class=\"col-lg-6\">\n                <div class=\"row\" *ngIf=\"showFileUpload\">\n                    <div class=\"col-lg-6\">\n                        <div class=\"container\">\n                            <div style=\"margin: 10px 0px; font-weight: bold;\">Upload File</div>\n                            <label class=\"file\">\n                                <input type=\"file\" #fileInput (change)=\"onFileSelect($event)\" />\n                            </label>\n                            <br>\n                            <ngx-file-drop dropZoneLabel=\"Drop files here\" style=\"width: 223px; height: 112px; border: 1px black dashed; border-radius: 5px; justify-content: center;\" class=\"vertical-align\" (onFileDrop)=\"dragFileAccepted($event)\"></ngx-file-drop>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-6\">\n                        <div *ngIf=\"isUploading\">\n                            <b>{{progressMsg || 'N/A'}}</b>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\" style=\"margin-top: 10px;\">\n                    <div class=\"col-lg-12\" *ngIf=\"windowSize > 980\">\n                        <div style=\"text-align: center;\" *ngIf=\"pdfSrc\">\n                            <ngx-doc-viewer [url]=\"pdfSrc\" style=\"display: block;\"></ngx-doc-viewer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-lg-6\">\n                <div *ngIf=\"files && files.length\">\n                    <b>Uploaded Files</b>\n                    <div [style.max-height]=\"windowSize > 900 ? '300px' : ''\" [style.overflow-y]=\"windowSize > 900 ? 'auto' : ''\">\n                        <collapse-table collapseSize=\"900\">\n                            <thead>\n                                <tr>\n                                    <th>File Name</th>\n                                    <th>Size</th>\n                                    <th>Type</th>\n                                    <th>Actions</th>\n                                </tr>\n                            </thead>    \n                            <tbody>\n                                <tr *ngFor=\"let file of files; let i = index\">\n                                    <td data-label=\"File Name\" (click)=\"setPDFViewerSrc(file)\">{{file.name}}</td>\n                                    <td data-label=\"Size\" (click)=\"setPDFViewerSrc(file)\">{{ file.size/1024/1024 | number:'.2' }} MB</td>\n                                    <td data-label=\"Type\" (click)=\"setPDFViewerSrc(file)\">{{file.type}}</td>\n                                    <td data-label=\"Actions\">\n                                        <responsive-button-group collapseSize=\"900\">\n                                            <button type=\"button\" class=\"btn btn-success\" (click)=\"open(file)\">Open</button>\n                                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"download(file)\">Download</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"deleteWithEmit(i)\">Delete</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"fileInputReplace.click(); replaceFileIndex = i;\">Replace</button>\n                                            <button type=\"button\" class=\"btn btn-warning\" (click)=\"email(file)\">Email</button>\n                                        </responsive-button-group>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </collapse-table>\n                    </div>\n                </div>\n                <div *ngIf=\"!files || !files.length\">\n                    <b>No Uploaded Files</b>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>", styles: ["\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n"], components: [{ type: i5.NgxFileDropComponent, selector: "ngx-file-drop", inputs: ["accept", "directory", "multiple", "dropZoneLabel", "dropZoneClassName", "useDragEnter", "contentClassName", "showBrowseBtn", "browseBtnClassName", "browseBtnLabel", "disabled"], outputs: ["onFileDrop", "onFileOver", "onFileLeave"] }, { type: i6.NgxDocViewerComponent, selector: "ngx-doc-viewer", inputs: ["url", "queryParams", "viewerUrl", "googleCheckInterval", "googleMaxChecks", "disableContent", "googleCheckContentLoaded", "viewer", "overrideLocalhost"], outputs: ["loaded"] }, { type: i7.CollapseTableComponent, selector: "collapse-table", inputs: ["collapseSize", "tableFixed", "headerFixed", "secondaryColor", "tertiaryColor"] }, { type: i8.ResponsiveButtonGroupComponent, selector: "responsive-button-group", inputs: ["collapseSize"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "number": i9.DecimalPipe } });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.1", ngImport: i0, type: FileUploadComponent, decorators: [{
+FileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: FileUploadComponent, deps: [{ token: i1.ResizeService }, { token: i2.ProviderService }, { token: i3.DialogService }, { token: i4.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+FileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.1", type: FileUploadComponent, selector: "file-upload", inputs: { files: "files", allowDelete: "allowDelete", allowReplace: "allowReplace", showFileUpload: "showFileUpload", fileType: "fileType" }, outputs: { filesChanged: "filesChanged", fileAdded: "fileAdded", fileRemoved: "fileRemoved" }, viewQueries: [{ propertyName: "download_link", first: true, predicate: ["download_link"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<style>\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n</style>\n\n<a style=\"display: none\" #download_link></a>\n<input hidden type=\"file\" #fileInputReplace (change)=\"onFileSelectReplace($event)\" />\n \n<div class=\"card\">\n    <div class=\"card-header\">\n        <strong class=\"pull-left\">Files</strong>\n    </div>\n    <div class=\"card-block\">\n        <div class=\"row\">\n            <div class=\"col-lg-6\">\n                <div class=\"row\" *ngIf=\"showFileUpload\">\n                    <div class=\"col-lg-6\">\n                        <div class=\"container\">\n                            <div style=\"margin: 10px 0px; font-weight: bold;\">Upload File</div>\n                            <label class=\"file\">\n                                <input type=\"file\" #fileInput (change)=\"onFileSelect($event)\" />\n                            </label>\n                            <br>\n                            <ngx-file-drop dropZoneLabel=\"Drop files here\" style=\"width: 223px; height: 112px; border: 1px black dashed; border-radius: 5px; justify-content: center;\" class=\"vertical-align\" (onFileDrop)=\"dragFileAccepted($event)\"></ngx-file-drop>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-6\">\n                        <div *ngIf=\"isUploading\">\n                            <b>{{progressMsg || 'N/A'}}</b>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\" style=\"margin-top: 10px;\">\n                    <div class=\"col-lg-12\" *ngIf=\"windowSize > 980\">\n                        <div style=\"text-align: center;\" *ngIf=\"pdfSrc\">\n                            <ngx-doc-viewer [url]=\"pdfSrc\" style=\"display: block;\"></ngx-doc-viewer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-lg-6\">\n                <div *ngIf=\"files && files.length\">\n                    <b>Uploaded Files</b>\n                    <div [style.max-height]=\"windowSize > 900 ? '300px' : ''\" [style.overflow-y]=\"windowSize > 900 ? 'auto' : ''\">\n                        <collapse-table collapseSize=\"900\">\n                            <thead>\n                                <tr>\n                                    <th>File Name</th>\n                                    <th>Size</th>\n                                    <th>Type</th>\n                                    <th>Actions</th>\n                                </tr>\n                            </thead>    \n                            <tbody>\n                                <tr *ngFor=\"let file of files; let i = index\">\n                                    <td data-label=\"File Name\" (click)=\"setPDFViewerSrc(file)\">{{file.name}}</td>\n                                    <td data-label=\"Size\" (click)=\"setPDFViewerSrc(file)\">{{ file.size/1024/1024 | number:'.2' }} MB</td>\n                                    <td data-label=\"Type\" (click)=\"setPDFViewerSrc(file)\">{{file.type}}</td>\n                                    <td data-label=\"Actions\">\n                                        <responsive-button-group collapseSize=\"900\">\n                                            <button type=\"button\" class=\"btn btn-success\" (click)=\"open(file)\">Open</button>\n                                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"download(file)\">Download</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"deleteWithEmit(i)\">Delete</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"fileInputReplace.click(); replaceFileIndex = i;\">Replace</button>\n                                            <button type=\"button\" class=\"btn btn-warning\" (click)=\"email(file)\">Email</button>\n                                        </responsive-button-group>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </collapse-table>\n                    </div>\n                </div>\n                <div *ngIf=\"!files || !files.length\">\n                    <b>No Uploaded Files</b>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>", styles: ["\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n"], components: [{ type: i5.NgxFileDropComponent, selector: "ngx-file-drop", inputs: ["accept", "directory", "multiple", "dropZoneLabel", "dropZoneClassName", "useDragEnter", "contentClassName", "showBrowseBtn", "browseBtnClassName", "browseBtnLabel", "disabled"], outputs: ["onFileDrop", "onFileOver", "onFileLeave"] }, { type: i6.NgxDocViewerComponent, selector: "ngx-doc-viewer", inputs: ["url", "queryParams", "viewerUrl", "googleCheckInterval", "googleMaxChecks", "disableContent", "googleCheckContentLoaded", "viewer", "overrideLocalhost"], outputs: ["loaded"] }, { type: i7.CollapseTableComponent, selector: "collapse-table", inputs: ["collapseSize", "tableFixed", "headerFixed", "secondaryColor", "tertiaryColor"] }, { type: i8.ResponsiveButtonGroupComponent, selector: "responsive-button-group", inputs: ["collapseSize"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "number": i9.DecimalPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.1", ngImport: i0, type: FileUploadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'file-upload', template: "<style>\n \n    html, body { height: 100%; }\n\n    collapse-table tr:hover {\n        background-color: lightblue;\n        cursor: pointer;\n    }\n\n    collapse-table {\n        width: 100%;\n    }\n        \n    /* Label container: */\n    .file {\n        display: inline-block;\n        padding: 0 0 0 0.5em;\n        cursor: pointer;\n        position: relative;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n    }\n    \n    /* The pseudo input field: */\n    .file::before {\n        content: \"\";\n        display: block;\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: -1;\n        \n        /* Bootstrap appearance: */\n        background-color: #fff;\n        border: .075rem solid #ddd;\n        border-radius: .25rem;\n        -webkit-box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n        box-shadow: inset 0 .2rem .4rem rgba(0,0,0,.05);\n    }\n    \n    /* The pseudo button: */\n    .file::after {\n        content: \"Browse\";\n        display: inline-block;\n        \n        /* Bootstrap appearance: */\n        background-color: #eee;\n        border: .075rem solid #ddd;\n        border-radius: 0 .25rem .25rem 0;\n        padding: .5rem 1rem;\n        line-height: 1.5;\n        color: #555;\n    }\n    \n    .file input[type=file] {\n        cursor: pointer;\n        border: 0 none;\n        width: 12em;\n    }\n    \n    /* -webkit hide the button: */\n    .file input[type=file]::-webkit-file-upload-button {\n        border: 0;\n        padding: 0;\n        margin: 0 ;\n        width: 0;\n        background: transparent;\n    }      \n    \n    /* IE10+ hide the button: */\n    .file input[type=file]::-ms-browse {\n        padding: 0;\n        margin: -1px;\n        width: 0;\n        border: 0;\n        background: transparent;\n    }\n    \n    .file input[type=file]::-ms-value {\n        background: #fff;\n        border: 0;\n    }\n\n    card {\n        width: 100%;\n    }\n</style>\n\n<a style=\"display: none\" #download_link></a>\n<input hidden type=\"file\" #fileInputReplace (change)=\"onFileSelectReplace($event)\" />\n \n<div class=\"card\">\n    <div class=\"card-header\">\n        <strong class=\"pull-left\">Files</strong>\n    </div>\n    <div class=\"card-block\">\n        <div class=\"row\">\n            <div class=\"col-lg-6\">\n                <div class=\"row\" *ngIf=\"showFileUpload\">\n                    <div class=\"col-lg-6\">\n                        <div class=\"container\">\n                            <div style=\"margin: 10px 0px; font-weight: bold;\">Upload File</div>\n                            <label class=\"file\">\n                                <input type=\"file\" #fileInput (change)=\"onFileSelect($event)\" />\n                            </label>\n                            <br>\n                            <ngx-file-drop dropZoneLabel=\"Drop files here\" style=\"width: 223px; height: 112px; border: 1px black dashed; border-radius: 5px; justify-content: center;\" class=\"vertical-align\" (onFileDrop)=\"dragFileAccepted($event)\"></ngx-file-drop>\n                        </div>\n                    </div>\n                    <div class=\"col-lg-6\">\n                        <div *ngIf=\"isUploading\">\n                            <b>{{progressMsg || 'N/A'}}</b>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"row\" style=\"margin-top: 10px;\">\n                    <div class=\"col-lg-12\" *ngIf=\"windowSize > 980\">\n                        <div style=\"text-align: center;\" *ngIf=\"pdfSrc\">\n                            <ngx-doc-viewer [url]=\"pdfSrc\" style=\"display: block;\"></ngx-doc-viewer>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"col-lg-6\">\n                <div *ngIf=\"files && files.length\">\n                    <b>Uploaded Files</b>\n                    <div [style.max-height]=\"windowSize > 900 ? '300px' : ''\" [style.overflow-y]=\"windowSize > 900 ? 'auto' : ''\">\n                        <collapse-table collapseSize=\"900\">\n                            <thead>\n                                <tr>\n                                    <th>File Name</th>\n                                    <th>Size</th>\n                                    <th>Type</th>\n                                    <th>Actions</th>\n                                </tr>\n                            </thead>    \n                            <tbody>\n                                <tr *ngFor=\"let file of files; let i = index\">\n                                    <td data-label=\"File Name\" (click)=\"setPDFViewerSrc(file)\">{{file.name}}</td>\n                                    <td data-label=\"Size\" (click)=\"setPDFViewerSrc(file)\">{{ file.size/1024/1024 | number:'.2' }} MB</td>\n                                    <td data-label=\"Type\" (click)=\"setPDFViewerSrc(file)\">{{file.type}}</td>\n                                    <td data-label=\"Actions\">\n                                        <responsive-button-group collapseSize=\"900\">\n                                            <button type=\"button\" class=\"btn btn-success\" (click)=\"open(file)\">Open</button>\n                                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"download(file)\">Download</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"deleteWithEmit(i)\">Delete</button>\n                                            <button [hidden]=\"!allowDelete || (file.type !== 'misc' && !userIsInRole('super-admin'))\" type=\"button\" class=\"btn btn-danger\" (click)=\"fileInputReplace.click(); replaceFileIndex = i;\">Replace</button>\n                                            <button type=\"button\" class=\"btn btn-warning\" (click)=\"email(file)\">Email</button>\n                                        </responsive-button-group>\n                                    </td>\n                                </tr>\n                            </tbody>\n                        </collapse-table>\n                    </div>\n                </div>\n                <div *ngIf=\"!files || !files.length\">\n                    <b>No Uploaded Files</b>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>" }]
         }], ctorParameters: function () { return [{ type: i1.ResizeService }, { type: i2.ProviderService }, { type: i3.DialogService }, { type: i4.HttpClient }]; }, propDecorators: { files: [{