@gloww/gloww 20.0.0-beta.20 → 20.0.0-beta.22

package/fesm2022/gloww-gloww.mjs

@@ -29,7 +29,7 @@ import { NG_VALUE_ACCESSOR, FormsModule, UntypedFormControl, ReactiveFormsModule
 import { MatProgressBar, MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatDatepickerInput, MatDatepickerToggle, MatDatepicker, MatDatepickerModule } from '@angular/material/datepicker';
 import * as i2$1 from 'ngx-mat-datetime-picker-v2';
-import { NgxMatDatetimePickerModule, NgxMatTimepickerComponent, NgxMatNativeDateModule } from 'ngx-mat-datetime-picker-v2';
+import { NgxMatDatetimePickerModule, NgxMatNativeDateModule, NgxMatTimepickerComponent } from 'ngx-mat-datetime-picker-v2';
 import * as i6 from '@ngx-translate/core';
 import { TranslateModule, TranslateDefaultParser } from '@ngx-translate/core';
 import { MatSelect, MatOption, MatSelectModule } from '@angular/material/select';
@@ -1579,11 +1579,11 @@ class DisplayObjectsComponent {
         return `${this.translate.instant('GLOWW.UNABLE_TO_QUERY')} : ${details}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DisplayObjectsComponent, deps: [{ token: 'glowwService' }, { token: i0.ChangeDetectorRef }, { token: i1$2.MatDialog }, { token: i2.Router }, { token: i3.Location }, { token: AuthenticationService }, { token: i1$3.UntypedFormBuilder }, { token: i2.ActivatedRoute }, { token: i6.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DisplayObjectsComponent, isStandalone: true, selector: "glw-display-objects", inputs: { configuration: "configuration", displayObjLink: "displayObjLink", canDisplayObj: "canDisplayObj", canEdit: "canEdit", canDelete: "canDelete", canAdd: "canAdd", form: "form", SearchForm: "SearchForm", searchRequest: "searchRequest", postRequest: "postRequest", deleteRequest: "deleteRequest", putRequest: "putRequest", maxrows: "maxrows", mandatoryParams: "mandatoryParams", actions: "actions", dialogConfig: "dialogConfig", parent: "parent", columns: "columns", objectName: "objectName", primaryKey: "primaryKey", Editor: "Editor", AddEditor: "AddEditor" }, queries: [{ propertyName: "header", first: true, predicate: HeaderComponent, descendants: true }, { propertyName: "searchFormLayout", first: true, predicate: SearchFormComponent, descendants: true }, { propertyName: "filterFormLayout", first: true, predicate: FilterFormComponent, descendants: true }, { propertyName: "resultLayout", first: true, predicate: ResultTableComponent, descendants: true }], viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div>\n  <ng-content select=\"glw-header\"></ng-content>\n</div>\n\n@if (displayform) {\n  <div>\n    <mat-card appearance=\"outlined\">\n      <mat-card-content>\n        @if (resultException) {\n          <mat-error>\n            {{ resultException }}\n          </mat-error>\n        }\n        <ng-content select=\"glw-search-form\"></ng-content>\n        <!--<ng-container *ngComponentOutlet=\"SearchForm; injector: objInjector\"></ng-container>-->\n        @if (maxrows) {\n          <div [formGroup]=\"form2\">\n            <br />\n            <mat-form-field>\n              <mat-select [placeholder]=\"'COMMON.MAX_ROW' | translate\" formControlName=\"_MaxRow_\">\n                @for (maxrow of maxrows; track maxrow) {\n                  <mat-option [value]=\"maxrow\">\n                    @if (maxrow) {\n                      <span>{{maxrow}} {{ 'COMMON.OBJECTS_SUFFIX' | translate }}</span>\n                    }\n                    @if (!maxrow) {\n                      <span>{{ 'COMMON.DEFAULT' | translate }}</span>\n                    }\n                  </mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n          </div>\n        }\n      </mat-card-content>\n      <mat-card-actions>\n        <button mat-stroked-button color=\"accent\" (click)=\"onSearch()\">\n          <mat-icon>search</mat-icon>\n          {{ 'COMMON.SEARCH' | translate }}\n        </button>\n      </mat-card-actions>\n    </mat-card>\n  </div>\n}\n\n<div [hidden]=\"!displayresult\">\n  <!--*ngIf=\"displayresult\"-->\n  <div class=\"mat-elevation-z8\" [hidden]=\"!dataSource\">\n    <ng-content select=\"[filter]\"></ng-content>\n\n    <!--*ngIf=\"dataSource; else Spinner\"-->\n    <table mat-table [dataSource]=\"dataSource\" matSort>\n      <ng-container matColumnDef=\"action\">\n        <th mat-header-cell *matHeaderCellDef>\n          @if (canAddThis()) {\n            <i class=\"fal fa-plus\" (click)=\"AddObj()\">\n            </i>\n          }\n        </th>\n        <td mat-cell *matCellDef=\"let obj\">\n          @if (canDisplayObjThis(obj)) {\n            <i class=\"fal fa-eye\" [routerLink]=\"displayObjLinkThis(obj)\">\n            </i>\n          }\n          @for (action of actions; track action) {\n            @if (action.icon.icon && (!action.display || action.display(obj, action.name))) {\n              <i [ngClass]=\"action.icon\" [routerLink]=\"action.routerLinkFct(obj)\">\n              </i>\n            }\n            @if (!action.icon.icon && (!action.display || action.display(obj, action.name))) {\n              <i [ngClass]=\"action.icon\" [routerLink]=\"action.routerLinkFct(obj)\"></i>\n            }\n          }\n          @if (canDeleteThis(obj)) {\n            <i class=\"fal fa-trash-alt\" (click)=\"DeleteObj(obj)\">\n            </i>\n          }\n          @if (canEditThis(obj)) {\n            <i class=\"fal fa-pencil\" (click)=\"EditObj(obj)\">\n            </i>\n          }\n        </td>\n      </ng-container>\n      <ng-content select=\"glw-result-table\"></ng-content>\n      <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\n      <tr mat-row *matRowDef=\"let myRowData; columns: columnsToDisplay\"></tr>\n    </table>\n    <mat-paginator [pageSize]=\"10\" [pageSizeOptions]=\"[10, 20, 50, 100]\" [showFirstLastButtons]=\"true\"></mat-paginator>\n  </div>\n  <div #Spinner [hidden]=\"dataSource\">\n    <mat-spinner></mat-spinner>\n  </div>\n</div>\n", styles: ["table{width:100%}i{cursor:pointer;padding:5px}\n"], dependencies: [{ kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "component", type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "directive", type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: DisplayObjectsComponent, isStandalone: true, selector: "glw-display-objects", inputs: { configuration: "configuration", displayObjLink: "displayObjLink", canDisplayObj: "canDisplayObj", canEdit: "canEdit", canDelete: "canDelete", canAdd: "canAdd", form: "form", SearchForm: "SearchForm", searchRequest: "searchRequest", postRequest: "postRequest", deleteRequest: "deleteRequest", putRequest: "putRequest", maxrows: "maxrows", mandatoryParams: "mandatoryParams", actions: "actions", dialogConfig: "dialogConfig", parent: "parent", columns: "columns", objectName: "objectName", primaryKey: "primaryKey", Editor: "Editor", AddEditor: "AddEditor" }, queries: [{ propertyName: "header", first: true, predicate: HeaderComponent, descendants: true }, { propertyName: "searchFormLayout", first: true, predicate: SearchFormComponent, descendants: true }, { propertyName: "filterFormLayout", first: true, predicate: FilterFormComponent, descendants: true }, { propertyName: "resultLayout", first: true, predicate: ResultTableComponent, descendants: true }], viewQueries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div>\n  <ng-content select=\"glw-header\"></ng-content>\n</div>\n\n@if (displayform) {\n  <div>\n    <mat-card appearance=\"outlined\">\n      <mat-card-content>\n        @if (resultException) {\n          <mat-error>\n            {{ resultException }}\n          </mat-error>\n        }\n        <ng-content select=\"glw-search-form\"></ng-content>\n        <!--<ng-container *ngComponentOutlet=\"SearchForm; injector: objInjector\"></ng-container>-->\n        @if (maxrows) {\n          <div [formGroup]=\"form2\">\n            <br />\n            <mat-form-field>\n              <mat-select [placeholder]=\"'COMMON.MAX_ROW' | translate\" formControlName=\"_MaxRow_\">\n                @for (maxrow of maxrows; track maxrow) {\n                  <mat-option [value]=\"maxrow\">\n                    @if (maxrow) {\n                      <span>{{maxrow}} {{ 'COMMON.OBJECTS_SUFFIX' | translate }}</span>\n                    }\n                    @if (!maxrow) {\n                      <span>{{ 'COMMON.DEFAULT' | translate }}</span>\n                    }\n                  </mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n          </div>\n        }\n      </mat-card-content>\n      <mat-card-actions>\n        <button mat-stroked-button color=\"accent\" (click)=\"onSearch()\">\n          <mat-icon>search</mat-icon>\n          {{ 'COMMON.SEARCH' | translate }}\n        </button>\n      </mat-card-actions>\n    </mat-card>\n  </div>\n}\n\n<div [hidden]=\"!displayresult\">\n  <!--*ngIf=\"displayresult\"-->\n  <div class=\"mat-elevation-z8\" [hidden]=\"!dataSource\">\n    <ng-content select=\"[filter]\"></ng-content>\n\n    <!--*ngIf=\"dataSource; else Spinner\"-->\n    <table mat-table [dataSource]=\"dataSource\" matSort>\n      <ng-container matColumnDef=\"action\">\n        <th mat-header-cell *matHeaderCellDef>\n          @if (canAddThis()) {\n            <i class=\"fal fa-plus\" (click)=\"AddObj()\">\n            </i>\n          }\n        </th>\n        <td mat-cell *matCellDef=\"let obj\">\n          @if (canDisplayObjThis(obj)) {\n            <i class=\"fal fa-eye\" [routerLink]=\"displayObjLinkThis(obj)\">\n            </i>\n          }\n          @for (action of actions; track action) {\n            @if (action.icon.icon && (!action.display || action.display(obj, action.name))) {\n              <i [ngClass]=\"action.icon\" [routerLink]=\"action.routerLinkFct(obj)\">\n              </i>\n            }\n            @if (!action.icon.icon && (!action.display || action.display(obj, action.name))) {\n              <i [ngClass]=\"action.icon\" [routerLink]=\"action.routerLinkFct(obj)\"></i>\n            }\n          }\n          @if (canDeleteThis(obj)) {\n            <i class=\"fal fa-trash-alt\" (click)=\"DeleteObj(obj)\">\n            </i>\n          }\n          @if (canEditThis(obj)) {\n            <i class=\"fal fa-pencil\" (click)=\"EditObj(obj)\">\n            </i>\n          }\n        </td>\n      </ng-container>\n      <ng-content select=\"glw-result-table\"></ng-content>\n      <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\n      <tr mat-row *matRowDef=\"let myRowData; columns: columnsToDisplay\"></tr>\n    </table>\n    <mat-paginator [pageSize]=\"10\" [pageSizeOptions]=\"[10, 20, 50, 100]\" [showFirstLastButtons]=\"true\"></mat-paginator>\n  </div>\n  <div #Spinner [hidden]=\"dataSource\">\n    <mat-spinner></mat-spinner>\n  </div>\n</div>\n", styles: ["table{width:100%}i{cursor:pointer;padding:5px}\n"], dependencies: [{ kind: "component", type: MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: MatCardContent, selector: "mat-card-content" }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "directive", type: MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "component", type: MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "directive", type: MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "component", type: MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DisplayObjectsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'glw-display-objects', imports: [MatCard, MatCardContent, MatError, FormsModule, ReactiveFormsModule, MatFormField, MatSelect, MatOption, MatCardActions, MatButton, MatIcon, MatTable, MatSort, MatColumnDef, MatHeaderCellDef, MatHeaderCell, MatCellDef, MatCell, RouterLink, NgClass, MatHeaderRowDef, MatHeaderRow, MatRowDef, MatRow, MatPaginator, MatProgressSpinner, TranslateModule], template: "<div>\n  <ng-content select=\"glw-header\"></ng-content>\n</div>\n\n@if (displayform) {\n  <div>\n    <mat-card appearance=\"outlined\">\n      <mat-card-content>\n        @if (resultException) {\n          <mat-error>\n            {{ resultException }}\n          </mat-error>\n        }\n        <ng-content select=\"glw-search-form\"></ng-content>\n        <!--<ng-container *ngComponentOutlet=\"SearchForm; injector: objInjector\"></ng-container>-->\n        @if (maxrows) {\n          <div [formGroup]=\"form2\">\n            <br />\n            <mat-form-field>\n              <mat-select [placeholder]=\"'COMMON.MAX_ROW' | translate\" formControlName=\"_MaxRow_\">\n                @for (maxrow of maxrows; track maxrow) {\n                  <mat-option [value]=\"maxrow\">\n                    @if (maxrow) {\n                      <span>{{maxrow}} {{ 'COMMON.OBJECTS_SUFFIX' | translate }}</span>\n                    }\n                    @if (!maxrow) {\n                      <span>{{ 'COMMON.DEFAULT' | translate }}</span>\n                    }\n                  </mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n          </div>\n        }\n      </mat-card-content>\n      <mat-card-actions>\n        <button mat-stroked-button color=\"accent\" (click)=\"onSearch()\">\n          <mat-icon>search</mat-icon>\n          {{ 'COMMON.SEARCH' | translate }}\n        </button>\n      </mat-card-actions>\n    </mat-card>\n  </div>\n}\n\n<div [hidden]=\"!displayresult\">\n  <!--*ngIf=\"displayresult\"-->\n  <div class=\"mat-elevation-z8\" [hidden]=\"!dataSource\">\n    <ng-content select=\"[filter]\"></ng-content>\n\n    <!--*ngIf=\"dataSource; else Spinner\"-->\n    <table mat-table [dataSource]=\"dataSource\" matSort>\n      <ng-container matColumnDef=\"action\">\n        <th mat-header-cell *matHeaderCellDef>\n          @if (canAddThis()) {\n            <i class=\"fal fa-plus\" (click)=\"AddObj()\">\n            </i>\n          }\n        </th>\n        <td mat-cell *matCellDef=\"let obj\">\n          @if (canDisplayObjThis(obj)) {\n            <i class=\"fal fa-eye\" [routerLink]=\"displayObjLinkThis(obj)\">\n            </i>\n          }\n          @for (action of actions; track action) {\n            @if (action.icon.icon && (!action.display || action.display(obj, action.name))) {\n              <i [ngClass]=\"action.icon\" [routerLink]=\"action.routerLinkFct(obj)\">\n              </i>\n            }\n            @if (!action.icon.icon && (!action.display || action.display(obj, action.name))) {\n              <i [ngClass]=\"action.icon\" [routerLink]=\"action.routerLinkFct(obj)\"></i>\n            }\n          }\n          @if (canDeleteThis(obj)) {\n            <i class=\"fal fa-trash-alt\" (click)=\"DeleteObj(obj)\">\n            </i>\n          }\n          @if (canEditThis(obj)) {\n            <i class=\"fal fa-pencil\" (click)=\"EditObj(obj)\">\n            </i>\n          }\n        </td>\n      </ng-container>\n      <ng-content select=\"glw-result-table\"></ng-content>\n      <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\n      <tr mat-row *matRowDef=\"let myRowData; columns: columnsToDisplay\"></tr>\n    </table>\n    <mat-paginator [pageSize]=\"10\" [pageSizeOptions]=\"[10, 20, 50, 100]\" [showFirstLastButtons]=\"true\"></mat-paginator>\n  </div>\n  <div #Spinner [hidden]=\"dataSource\">\n    <mat-spinner></mat-spinner>\n  </div>\n</div>\n", styles: ["table{width:100%}i{cursor:pointer;padding:5px}\n"] }]
+            args: [{ selector: 'glw-display-objects', imports: [MatCard, MatCardContent, MatError, FormsModule, ReactiveFormsModule, MatFormField, MatSelect, MatOption, MatCardActions, MatButton, MatIcon, MatTable, MatSort, MatColumnDef, MatHeaderCellDef, MatHeaderCell, MatCellDef, MatCell, RouterLink, NgClass, MatHeaderRowDef, MatHeaderRow, MatRowDef, MatRow, MatPaginator, MatProgressSpinner, MatDialogModule, TranslateModule], template: "<div>\n  <ng-content select=\"glw-header\"></ng-content>\n</div>\n\n@if (displayform) {\n  <div>\n    <mat-card appearance=\"outlined\">\n      <mat-card-content>\n        @if (resultException) {\n          <mat-error>\n            {{ resultException }}\n          </mat-error>\n        }\n        <ng-content select=\"glw-search-form\"></ng-content>\n        <!--<ng-container *ngComponentOutlet=\"SearchForm; injector: objInjector\"></ng-container>-->\n        @if (maxrows) {\n          <div [formGroup]=\"form2\">\n            <br />\n            <mat-form-field>\n              <mat-select [placeholder]=\"'COMMON.MAX_ROW' | translate\" formControlName=\"_MaxRow_\">\n                @for (maxrow of maxrows; track maxrow) {\n                  <mat-option [value]=\"maxrow\">\n                    @if (maxrow) {\n                      <span>{{maxrow}} {{ 'COMMON.OBJECTS_SUFFIX' | translate }}</span>\n                    }\n                    @if (!maxrow) {\n                      <span>{{ 'COMMON.DEFAULT' | translate }}</span>\n                    }\n                  </mat-option>\n                }\n              </mat-select>\n            </mat-form-field>\n          </div>\n        }\n      </mat-card-content>\n      <mat-card-actions>\n        <button mat-stroked-button color=\"accent\" (click)=\"onSearch()\">\n          <mat-icon>search</mat-icon>\n          {{ 'COMMON.SEARCH' | translate }}\n        </button>\n      </mat-card-actions>\n    </mat-card>\n  </div>\n}\n\n<div [hidden]=\"!displayresult\">\n  <!--*ngIf=\"displayresult\"-->\n  <div class=\"mat-elevation-z8\" [hidden]=\"!dataSource\">\n    <ng-content select=\"[filter]\"></ng-content>\n\n    <!--*ngIf=\"dataSource; else Spinner\"-->\n    <table mat-table [dataSource]=\"dataSource\" matSort>\n      <ng-container matColumnDef=\"action\">\n        <th mat-header-cell *matHeaderCellDef>\n          @if (canAddThis()) {\n            <i class=\"fal fa-plus\" (click)=\"AddObj()\">\n            </i>\n          }\n        </th>\n        <td mat-cell *matCellDef=\"let obj\">\n          @if (canDisplayObjThis(obj)) {\n            <i class=\"fal fa-eye\" [routerLink]=\"displayObjLinkThis(obj)\">\n            </i>\n          }\n          @for (action of actions; track action) {\n            @if (action.icon.icon && (!action.display || action.display(obj, action.name))) {\n              <i [ngClass]=\"action.icon\" [routerLink]=\"action.routerLinkFct(obj)\">\n              </i>\n            }\n            @if (!action.icon.icon && (!action.display || action.display(obj, action.name))) {\n              <i [ngClass]=\"action.icon\" [routerLink]=\"action.routerLinkFct(obj)\"></i>\n            }\n          }\n          @if (canDeleteThis(obj)) {\n            <i class=\"fal fa-trash-alt\" (click)=\"DeleteObj(obj)\">\n            </i>\n          }\n          @if (canEditThis(obj)) {\n            <i class=\"fal fa-pencil\" (click)=\"EditObj(obj)\">\n            </i>\n          }\n        </td>\n      </ng-container>\n      <ng-content select=\"glw-result-table\"></ng-content>\n      <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\n      <tr mat-row *matRowDef=\"let myRowData; columns: columnsToDisplay\"></tr>\n    </table>\n    <mat-paginator [pageSize]=\"10\" [pageSizeOptions]=\"[10, 20, 50, 100]\" [showFirstLastButtons]=\"true\"></mat-paginator>\n  </div>\n  <div #Spinner [hidden]=\"dataSource\">\n    <mat-spinner></mat-spinner>\n  </div>\n</div>\n", styles: ["table{width:100%}i{cursor:pointer;padding:5px}\n"] }]
         }], ctorParameters: () => [{ type: GlowwService, decorators: [{
                     type: Inject,
                     args: ['glowwService']
@@ -3624,7 +3624,7 @@ class DatetimeComponent {
                 multi: true,
                 useExisting: DatetimeComponent
             }
-        ], ngImport: i0, template: "<div style=\"width:100%\">\n  @if (mode==='date') {\n    <mat-form-field>\n      <mat-label>{{display}}</mat-label>\n      <input matInput [matDatepicker]=\"picker\" [placeholder]=\"placeHolder\" [(ngModel)]=\"value\">\n      <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n      <mat-datepicker #picker></mat-datepicker>\n    </mat-form-field>\n  }\n\n  @if (mode==='datetime') {\n    <mat-form-field>\n      <mat-label>{{display}}</mat-label>\n      <input matInput [ngxMatDatetimePicker]=\"pickerDT\" [placeholder]=\"placeHolder\" [(ngModel)]=\"value\">\n      <mat-datepicker-toggle matSuffix [for]=\"$any(pickerDT)\"></mat-datepicker-toggle>\n      <ngx-mat-datetime-picker #pickerDT [showSpinners]=\"showSpinners\" [showSeconds]=\"showSeconds\" [touchUi]=\"touchUi\" [disableMinute]=\"disableMinute\">\n      </ngx-mat-datetime-picker>\n    </mat-form-field>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "ngmodule", type: NgxMatDatetimePickerModule }, { kind: "component", type: i2$1.NgxMatDatetimepicker, selector: "ngx-mat-datetime-picker", exportAs: ["ngxMatDatetimePicker"] }, { kind: "directive", type: i2$1.NgxMatDatepickerInput, selector: "input[ngxMatDatetimePicker]", inputs: ["ngxMatDatetimePicker", "min", "max", "matDatepickerFilter"], exportAs: ["ngxMatDatepickerInput"] }] }); }
+        ], ngImport: i0, template: "<div style=\"width:100%\">\n  @if (mode==='date') {\n    <mat-form-field>\n      <mat-label>{{display}}</mat-label>\n      <input matInput [matDatepicker]=\"picker\" [placeholder]=\"placeHolder\" [(ngModel)]=\"value\">\n      <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n      <mat-datepicker #picker></mat-datepicker>\n    </mat-form-field>\n  }\n\n  @if (mode==='datetime') {\n    <mat-form-field>\n      <mat-label>{{display}}</mat-label>\n      <input matInput [ngxMatDatetimePicker]=\"pickerDT\" [placeholder]=\"placeHolder\" [(ngModel)]=\"value\">\n      <mat-datepicker-toggle matSuffix [for]=\"$any(pickerDT)\"></mat-datepicker-toggle>\n      <ngx-mat-datetime-picker #pickerDT [showSpinners]=\"showSpinners\" [showSeconds]=\"showSeconds\" [touchUi]=\"touchUi\" [disableMinute]=\"disableMinute\">\n      </ngx-mat-datetime-picker>\n    </mat-form-field>\n  }\n</div>\n", styles: [""], dependencies: [{ kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "directive", type: MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "ngmodule", type: NgxMatDatetimePickerModule }, { kind: "component", type: i2$1.NgxMatDatetimepicker, selector: "ngx-mat-datetime-picker", exportAs: ["ngxMatDatetimePicker"] }, { kind: "directive", type: i2$1.NgxMatDatepickerInput, selector: "input[ngxMatDatetimePicker]", inputs: ["ngxMatDatetimePicker", "min", "max", "matDatepickerFilter"], exportAs: ["ngxMatDatepickerInput"] }, { kind: "ngmodule", type: NgxMatNativeDateModule }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: DatetimeComponent, decorators: [{
             type: Component,
@@ -3634,7 +3634,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImpo
                             multi: true,
                             useExisting: DatetimeComponent
                         }
-                    ], imports: [MatFormField, MatLabel, MatInput, MatDatepickerInput, FormsModule, MatDatepickerToggle, MatSuffix, MatDatepicker, NgxMatDatetimePickerModule], template: "<div style=\"width:100%\">\n  @if (mode==='date') {\n    <mat-form-field>\n      <mat-label>{{display}}</mat-label>\n      <input matInput [matDatepicker]=\"picker\" [placeholder]=\"placeHolder\" [(ngModel)]=\"value\">\n      <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n      <mat-datepicker #picker></mat-datepicker>\n    </mat-form-field>\n  }\n\n  @if (mode==='datetime') {\n    <mat-form-field>\n      <mat-label>{{display}}</mat-label>\n      <input matInput [ngxMatDatetimePicker]=\"pickerDT\" [placeholder]=\"placeHolder\" [(ngModel)]=\"value\">\n      <mat-datepicker-toggle matSuffix [for]=\"$any(pickerDT)\"></mat-datepicker-toggle>\n      <ngx-mat-datetime-picker #pickerDT [showSpinners]=\"showSpinners\" [showSeconds]=\"showSeconds\" [touchUi]=\"touchUi\" [disableMinute]=\"disableMinute\">\n      </ngx-mat-datetime-picker>\n    </mat-form-field>\n  }\n</div>\n" }]
+                    ], imports: [MatFormField, MatLabel, MatInput, MatDatepickerInput, FormsModule, MatDatepickerToggle, MatSuffix, MatDatepicker, NgxMatDatetimePickerModule, NgxMatNativeDateModule], template: "<div style=\"width:100%\">\n  @if (mode==='date') {\n    <mat-form-field>\n      <mat-label>{{display}}</mat-label>\n      <input matInput [matDatepicker]=\"picker\" [placeholder]=\"placeHolder\" [(ngModel)]=\"value\">\n      <mat-datepicker-toggle matSuffix [for]=\"picker\"></mat-datepicker-toggle>\n      <mat-datepicker #picker></mat-datepicker>\n    </mat-form-field>\n  }\n\n  @if (mode==='datetime') {\n    <mat-form-field>\n      <mat-label>{{display}}</mat-label>\n      <input matInput [ngxMatDatetimePicker]=\"pickerDT\" [placeholder]=\"placeHolder\" [(ngModel)]=\"value\">\n      <mat-datepicker-toggle matSuffix [for]=\"$any(pickerDT)\"></mat-datepicker-toggle>\n      <ngx-mat-datetime-picker #pickerDT [showSpinners]=\"showSpinners\" [showSeconds]=\"showSeconds\" [touchUi]=\"touchUi\" [disableMinute]=\"disableMinute\">\n      </ngx-mat-datetime-picker>\n    </mat-form-field>\n  }\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { _value: [{
                 type: Input,
                 args: ['value']