@gloww/gloww 14.0.0-beta.8 → 19.0.0-beta.1

package/fesm2022/gloww-gloww.mjs

@@ -0,0 +1,4026 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, HostListener, Input, Directive, Pipe, Inject, Component, EventEmitter, Output, HostBinding, ViewChild, ContentChildren, PLATFORM_ID, Optional, ContentChild, ViewEncapsulation, NgModule, SecurityContext, forwardRef } from '@angular/core';
+import { Subject, firstValueFrom, BehaviorSubject, Subscription, of, combineLatest, forkJoin, throwError } from 'rxjs';
+import * as i1 from '@angular/common/http';
+import { HttpClient, HttpParams, HttpEventType, HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi, HttpResponse } from '@angular/common/http';
+import * as i3 from '@angular/common';
+import { Location, PlatformLocation, isPlatformBrowser, CommonModule } from '@angular/common';
+import * as i1$2 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogConfig, MatDialogModule } from '@angular/material/dialog';
+import * as i4 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i2 from '@angular/router';
+import { NavigationEnd, RouterModule } from '@angular/router';
+import * as i1$1 from '@angular/platform-browser';
+import { BrowserModule } from '@angular/platform-browser';
+import * as i6 from '@kolkov/angular-editor';
+import { AngularEditorModule } from '@kolkov/angular-editor';
+import { switchMap, map, tap, filter, catchError, take, mergeMap, retryWhen, scan, delay, first, distinctUntilChanged, debounceTime } from 'rxjs/operators';
+import * as i14 from '@angular/material/sort';
+import { MatSort, MatSortModule } from '@angular/material/sort';
+import * as i13 from '@angular/material/paginator';
+import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import * as i11 from '@angular/material/table';
+import { MatColumnDef, MatTableDataSource, MatTable, MatTableModule } from '@angular/material/table';
+import * as i10 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i3$1 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i1$4 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i2$1 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i7 from '@ctrl/ngx-codemirror';
+import { CodemirrorComponent, CodemirrorModule } from '@ctrl/ngx-codemirror';
+import * as i1$3 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, UntypedFormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i4$1 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import * as i3$3 from '@angular/material/datepicker';
+import { MatDatepickerModule } from '@angular/material/datepicker';
+import * as i4$3 from 'ngx-mat-datetime-picker-v2';
+import { NgxMatDatetimePickerModule, NgxMatTimepickerComponent, NgxMatNativeDateModule } from 'ngx-mat-datetime-picker-v2';
+import * as i3$2 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import prettier from 'node_modules/prettier/esm/standalone.mjs';
+import parserTypescript from 'node_modules/prettier/esm/parser-typescript.mjs';
+import parserBabel from 'node_modules/prettier/esm/parser-babel.mjs';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import jwt_decode from 'jwt-decode';
+import * as i5 from '@angular/cdk/drag-drop';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import FileSaver from 'file-saver';
+import JSZip from 'jszip';
+import { TranslateDefaultParser } from '@ngx-translate/core';
+import * as i4$2 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import moment from 'moment';
+import { MAT_DATE_LOCALE } from '@angular/material/core';
+import { AngularResizeEventModule } from 'angular-resize-event';
+
+const API_SERVER_URL = new InjectionToken('ApiServerUrl.config');
+const GLOWW_APPLI = new InjectionToken('GlowwAppli.config');
+class GlowwService {
+    get basePath() {
+        return this.InternalBasePath;
+    }
+    set basePath(value) {
+        //alert(`setBasePath ${value}`)
+        //if (value.match(/_mgmt(\/|$)/)) {
+        const change = this.InternalBasePath != value;
+        var oldUrl = this.location.path();
+        var newUrl = oldUrl.replace(`/${this.InternalBasePath}/`, `/${value}/`);
+        console.log(`GlowwService setBasePath (${this.InternalBasePath},${value}) ${oldUrl} -> ${newUrl}`);
+        this.InternalBasePath = value;
+        if (change) {
+            this.location.go(newUrl);
+            this.basePathChange.next(newUrl);
+        }
+        //} else {
+        //console.log(`not mgmt ${value}`);;
+        //}
+    }
+    constructor(_injector) {
+        this._injector = _injector;
+        this.InternalBasePath = '???';
+        this.basePathChange = new Subject();
+        this.baseUrl = '/';
+        this.location = _injector.get(Location);
+        this.http = _injector.get(HttpClient);
+        this.platformLocation = _injector.get(PlatformLocation);
+        try {
+            this.ApiServerUrl = _injector.get(API_SERVER_URL);
+        }
+        catch { }
+        try {
+            this.BasePath = _injector.get(GLOWW_APPLI);
+        }
+        catch { }
+        this.BasePath = this.BasePath ?? 'GlowwApi';
+        //@Optional() @Inject(API_SERVER_URL) apiServerUrl: string, @Optional() @Inject(GLOWW_APPLI) glowwAppli: string
+        this.baseHref = this.platformLocation.getBaseHrefFromDOM();
+        this.InternalBasePath = this.BasePath;
+        if (this.ApiServerUrl) {
+            this.baseUrl = this.ApiServerUrl;
+            if (!this.baseUrl.endsWith('/')) {
+                this.baseUrl += '/';
+            }
+        }
+    }
+    getParams(obj) {
+        let params = new HttpParams();
+        if (!obj) {
+            return params;
+        }
+        Object.keys(obj).forEach(p => {
+            if (obj[p]) {
+                params = params.append(p.toString(), obj[p].toString());
+            }
+        });
+        return params;
+    }
+    async noSrc() {
+        return await firstValueFrom(this.http.get(`/admin/ORMS/${this.InternalBasePath.replace(/_mgmt/, "")}/noSrc`));
+    }
+    async noRestSecurity() {
+        return await firstValueFrom(this.http.get(`/admin/ORMS/${this.InternalBasePath.replace(/_mgmt/, "")}/noRestSecurity`));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlowwService, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlowwService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlowwService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i0.Injector }] });
+
+class VersionCheckService {
+    constructor(http) {
+        this.http = http;
+        // this will be replaced by actual hash post-build.js
+        this.currentHash = '{{POST_BUILD_ENTERS_HASH_HERE}}';
+    }
+    /**
+     * Checks in every set frequency the version of frontend application
+     * @param url the url to test (default : /version.json)
+     * @param frequency - in milliseconds, defaults to 1 minutes
+     * @param callback - function to call when the version is different, default askReloadApplication
+     */
+    initVersionCheck(url = '/version.json', frequency = 1000 * 60, callback = this.askReloadApplication) {
+        this.callback = callback;
+        this.url = url;
+        this.checkVersion();
+        setInterval(() => {
+            this.checkVersion();
+        }, frequency);
+    }
+    askReloadApplication() {
+        console.log('askReload');
+        // ENTER YOUR CODE TO DO SOMETHING UPON VERSION CHANGE
+        if (confirm('Une nouvelle version est disponible sur le serveur. Il est nécessaire de recharger l\'application. Veuillez confirmer le rechargement de l\'application')) {
+            this.reloadApplication();
+        }
+    }
+    reloadApplication() {
+        console.log('reload');
+        let search = location.search;
+        if (search) {
+            search += '&';
+        }
+        search += '___t=' + new Date().getTime();
+        console.log(`Search ${search}`);
+        location.search = search;
+    }
+    checkVersion() {
+        // timestamp these requests to invalidate caches
+        this.http.get(this.url + '?t=' + new Date().getTime())
+            //     .first()
+            .subscribe((response) => {
+            console.log('get version ok');
+            const hash = response.hash;
+            const hashChanged = this.hasHashChanged(this.currentHash, hash);
+            console.log(`HASH : Current : ${this.currentHash}, New : ${hash}, Changed ${hashChanged}`);
+            // If new version, do something
+            if (hashChanged) {
+                this.callback();
+            }
+            // store the new hash so we wouldn't trigger versionChange again
+            // only necessary in case you did not force refresh
+            this.currentHash = hash;
+        }, (err) => {
+            console.error(err, 'Could not get version');
+        });
+    }
+    /**
+     * Checks if hash has changed.
+     * This file has the JS hash, if it is a different one than in the version.json
+     * we are dealing with version change
+     * @param currentHash currenthash
+     * @param newHash newhash
+     * @returns the currenthash and newhash are different
+     */
+    hasHashChanged(currentHash, newHash) {
+        return currentHash !== newHash;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: VersionCheckService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: VersionCheckService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: VersionCheckService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
+class RouteDirective {
+    constructor(el, router) {
+        this.el = el;
+        this.router = router;
+    }
+    onClick($event) {
+        console.info('clicked: ' + $event.getAttribute('data-link'));
+        if (this.dlg) {
+            this.dlg.close(true);
+        }
+        var goRoute = $event.getAttribute('data-link');
+        this.router.navigate([goRoute]);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: RouteDirective, deps: [{ token: i0.ElementRef }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", type: RouteDirective, isStandalone: false, selector: "[glowwRoute]", inputs: { dlg: "dlg" }, host: { listeners: { "click": "onClick($event.target)" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: RouteDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[glowwRoute]',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i2.Router }], propDecorators: { dlg: [{
+                type: Input
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event.target']]
+            }] } });
+
+class SafeHtmlPipe {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
+    }
+    transform(style) {
+        return this.sanitizer.bypassSecurityTrustHtml(style);
+        // return this.sanitizer.bypassSecurityTrustStyle(style);
+        // return this.sanitizer.bypassSecurityTrustXxx(style); - see docs
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: SafeHtmlPipe, isStandalone: false, name: "safeHtml" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'safeHtml',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i1$1.DomSanitizer }] });
+
+class ConfirmationComponent {
+    constructor(dialogRef, data) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        // Update view with given values
+        this.title = data.title;
+        this.message = data.message;
+        this.mode = data.mode ?? 'confirmation';
+    }
+    onConfirm() {
+        // Close the dialog, return true
+        this.dialogRef.close(true);
+    }
+    onDismiss() {
+        // Close the dialog, return false
+        this.dialogRef.close(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfirmationComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ConfirmationComponent, isStandalone: false, selector: "glw-confirmation", ngImport: i0, template: "<h1 mat-dialog-title>\n  {{title}}\n</h1>\n\n<div mat-dialog-content>\n  <p [innerHTML]=\"message | safeHtml\" glowwRoute [dlg]=\"dialogRef\"></p>\n</div>\n\n@if (mode==='confirmation') {\n  <mat-dialog-actions>\n    <button mat-button (click)=\"onDismiss()\">No</button>\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Yes</button>\n  </mat-dialog-actions>\n}\n@if (mode==='alert') {\n  <mat-dialog-actions>\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">OK</button>\n  </mat-dialog-actions>\n}", styles: [""], dependencies: [{ kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i4.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: "directive", type: RouteDirective, selector: "[glowwRoute]", inputs: ["dlg"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfirmationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'glw-confirmation', standalone: false, template: "<h1 mat-dialog-title>\n  {{title}}\n</h1>\n\n<div mat-dialog-content>\n  <p [innerHTML]=\"message | safeHtml\" glowwRoute [dlg]=\"dialogRef\"></p>\n</div>\n\n@if (mode==='confirmation') {\n  <mat-dialog-actions>\n    <button mat-button (click)=\"onDismiss()\">No</button>\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Yes</button>\n  </mat-dialog-actions>\n}\n@if (mode==='alert') {\n  <mat-dialog-actions>\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">OK</button>\n  </mat-dialog-actions>\n}" }]
+        }], ctorParameters: () => [{ type: i1$2.MatDialogRef }, { type: ConfirmationModel, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }] });
+// tslint:disable-next-line: max-classes-per-file
+class ConfirmationModel {
+    constructor(title, message, mode) {
+        this.title = title;
+        this.message = message;
+        this.mode = mode;
+    }
+}
+
+class DialogService {
+    constructor(dialog) {
+        this.dialog = dialog;
+    }
+    createConfirmationDialog(title, message, mode) {
+        const dialogData = new ConfirmationModel(title, message, mode);
+        return this.dialog.open(ConfirmationComponent, {
+            maxWidth: '80%',
+            data: dialogData,
+            disableClose: true
+        });
+    }
+    openConfirmationDialog(title, message, mode) {
+        return this.createConfirmationDialog(title, message, mode).afterClosed();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DialogService, deps: [{ token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DialogService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1$2.MatDialog }] });
+
+class NavService {
+    constructor(router) {
+        this.router = router;
+        this.currentUrl = new BehaviorSubject(undefined);
+        this.router.events.subscribe((event) => {
+            if (event instanceof NavigationEnd) {
+                this.currentUrl.next(event.urlAfterRedirects);
+            }
+        });
+    }
+    closeNav() {
+        this.appDrawer.close();
+    }
+    openNav() {
+        this.appDrawer.open();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: NavService, deps: [{ token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: NavService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: NavService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i2.Router }] });
+
+class VoiceRecognitionService {
+    constructor() {
+        this.recognition = new webkitSpeechRecognition();
+        this.isStoppedSpeechRecog = false;
+        this.text = '';
+    }
+    init() {
+        this.recognition.interimResults = true;
+        this.recognition.lang = 'fr-be';
+        this.recognition.addEventListener('result', (e) => {
+            const transcript = Array.from(e.results)
+                .map((result) => result[0])
+                .map((result) => result.transcript)
+                .join('');
+            this.tempWords = transcript;
+            console.log(transcript);
+        });
+    }
+    start() {
+        this.isStoppedSpeechRecog = false;
+        this.recognition.start();
+        console.log("Speech recognition started");
+        this.recognition.addEventListener('end', (condition) => {
+            if (this.isStoppedSpeechRecog) {
+                this.recognition.stop();
+                console.log("End speech recognition");
+            }
+            else {
+                this.wordConcat();
+                this.recognition.start();
+            }
+        });
+    }
+    stop() {
+        this.isStoppedSpeechRecog = true;
+        this.wordConcat();
+        this.recognition.stop();
+        console.log("End speech recognition");
+    }
+    wordConcat() {
+        this.text = this.text + ' ' + this.tempWords + '.';
+        this.tempWords = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: VoiceRecognitionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: VoiceRecognitionService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: VoiceRecognitionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class SecureImgComponent {
+    ngOnChanges() {
+        this.src$.next(this.src);
+    }
+    // we need HttpClient to load the image
+    constructor(httpClient, domSanitizer) {
+        this.httpClient = httpClient;
+        this.domSanitizer = domSanitizer;
+        this.src$ = new BehaviorSubject(this.src);
+        // this stream will contain the actual url that our img tag will load
+        // everytime the src changes, the previous call would be canceled and the
+        // new resource would be loaded
+        this.dataUrl$ = this.src$.pipe(switchMap(url => this.loadImage(url)));
+    }
+    loadImage(url) {
+        return this.httpClient
+            // load the image as a blob
+            .get(url, { responseType: 'blob' })
+            // create an object url of that blob that we can use in the src attribute
+            .pipe(map(e => this.domSanitizer.bypassSecurityTrustUrl(URL.createObjectURL(e))));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SecureImgComponent, deps: [{ token: i1.HttpClient }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: SecureImgComponent, isStandalone: false, selector: "secure-img", inputs: { src: "src" }, usesOnChanges: true, ngImport: i0, template: `
+    <img [src]="dataUrl$ | async" style="object-fit: contain;"/>
+  `, isInline: true, dependencies: [{ kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SecureImgComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'secure-img',
+                    template: `
+    <img [src]="dataUrl$ | async" style="object-fit: contain;"/>
+  `,
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.DomSanitizer }], propDecorators: { src: [{
+                type: Input
+            }] } });
+
+class FileSinkDirective {
+    constructor() {
+        this.fileDropped = new EventEmitter();
+    }
+    // Dragover listener
+    onDragOver(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        this.fileOver = true;
+    }
+    // Dragleave listener
+    onDragLeave(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        this.fileOver = false;
+    }
+    // Drop listener
+    ondrop(evt) {
+        evt.preventDefault();
+        evt.stopPropagation();
+        this.fileOver = false;
+        let files = evt.dataTransfer.files;
+        if (files.length > 0) {
+            this.fileDropped.emit(files);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FileSinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", type: FileSinkDirective, isStandalone: false, selector: "[glowwFileSink]", outputs: { fileDropped: "fileDropped" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "ondrop($event)" }, properties: { "class.fileover": "this.fileOver" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FileSinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[glowwFileSink]',
+                    standalone: false
+                }]
+        }], propDecorators: { fileOver: [{
+                type: HostBinding,
+                args: ['class.fileover']
+            }], fileDropped: [{
+                type: Output
+            }], onDragOver: [{
+                type: HostListener,
+                args: ['dragover', ['$event']]
+            }], onDragLeave: [{
+                type: HostListener,
+                args: ['dragleave', ['$event']]
+            }], ondrop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }] } });
+
+class UploadFileComponent {
+    constructor() {
+        this.multiple = false;
+        this.allowAltFileName = false;
+        this.acceptMime = '*/*';
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.files = [];
+    }
+    ngAfterViewInit() {
+        const fileUpload = this.fileUpload.nativeElement;
+        fileUpload.onchange = () => {
+            if (!this.multiple || !this.files) {
+                this.files = [];
+            }
+            for (const file of fileUpload.files) {
+                this.files.push({ data: file, inProgress: false, progress: 0, fileName: file.name, size: file.size, altFileName: '', status: '' });
+                //if (this.allowAltFileName) { this.fileNames.push(this.FileName(file.name)); }
+            }
+            this.onChange(this.files);
+            this.onTouched();
+        };
+    }
+    get value() {
+        return this.files;
+        //return this._value;
+    }
+    set value(val) {
+        this.files = val;
+        this.onChange(val);
+        this.onTouched();
+    }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        //throw new Error('Method not implemented.');
+    }
+    SelectFiles() {
+        if (this.files && this.files.length > 0 && !this.multiple) {
+            if (confirm("Do you want to replace current file ?")) {
+                this.files = [];
+            }
+            else {
+                return;
+            }
+        }
+        this.fileUpload.nativeElement.click();
+    }
+    ChangeAltName(i, $event) {
+        this.files[i].altFileName = $event.target.value;
+        this.onChange(this.files);
+        this.onTouched();
+    }
+    onFileDropped($event) {
+        this.prepareFilesList($event);
+    }
+    prepareFilesList(files) {
+        if (files.length > 1 && !this.multiple) {
+            alert("You can only drop an only file at once");
+            return;
+        }
+        if (this.files && this.files.length > 0 && !this.multiple) {
+            if (confirm("Do you want to replace current file ?")) {
+                this.files = [];
+            }
+            else {
+                return;
+            }
+        }
+        if (!this.files)
+            this.files = [];
+        for (const file of files) {
+            this.files.push({ data: file, inProgress: false, progress: 0, fileName: file.name, size: file.size, altFileName: '', status: '' });
+        }
+        this.onChange(this.files);
+        this.onTouched();
+    }
+    /**
+   * format bytes
+   * @param bytes (File size in bytes)
+   * @param decimals (Decimals point)
+   */
+    formatBytes(bytes, decimals = 2) {
+        if (bytes === 0) {
+            return "0 Bytes";
+        }
+        const k = 1024;
+        const dm = decimals <= 0 ? 0 : decimals;
+        const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
+    }
+    deleteFile(index) {
+        if (this.files[index].progress && this.files[index].progress < 100) {
+            console.log("Upload in progress.");
+            return;
+        }
+        this.files.splice(index, 1);
+        this.onChange(this.files);
+        this.onTouched();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UploadFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: UploadFileComponent, isStandalone: false, selector: "gloww-upload-file", inputs: { multiple: "multiple", allowAltFileName: "allowAltFileName", acceptMime: "acceptMime" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: UploadFileComponent
+            }
+        ], viewQueries: [{ propertyName: "fileUpload", first: true, predicate: ["fileUpload"], descendants: true }], ngImport: i0, template: "<mat-card appearance=\"outlined\" glowwFileSink (fileDropped)=\"onFileDropped($event)\" style=\"height:calc(100% - 40px)\">\n  <mat-card-content style=\"min-height:100px;height:calc(100% - 60px)\">\n    @if (files && files.length) {\n      <div class=\"files-list\" style=\"height:calc(100% - 60px)\">\n        @for (file of files; track file; let i = $index) {\n          <div class=\"single-file\" [ngClass]=\"file.status\">\n            <i class=\"fa-thin fa-file fa-lg\"></i>\n            <div class=\"info\">\n              <h4 class=\"name\">\n                {{ file?.fileName }}\n              </h4>\n              <p class=\"size\">\n                {{ formatBytes(file?.size) }}\n              </p>\n              <mat-progress-bar [value]=\"file.progress\"></mat-progress-bar>\n            </div>\n            <i class=\"fa-thin fa-trash fa-lg\" (click)=\"deleteFile(i)\"></i>\n          </div>\n        }\n      </div>\n    }\n    @if (!files || !files.length) {\n      <div style=\"height:calc(100% - 60px)\">No file(s) selected</div>\n    }\n    <input type=\"file\" #fileUpload id=\"fileUpload\" name=\"fileUpload\" [accept]=\"acceptMime\" style=\"display:none;\" [multiple]=\"multiple\" />\n  </mat-card-content>\n  <mat-card-actions style=\"text-align:center\">\n    <button mat-raised-button color=\"accent\" (click)=\"SelectFiles()\">\n      <i class=\"fal fa-file-upload\"></i> @if (!multiple) {\n      <span>Select file or Drop a file</span>\n    }\n    @if (multiple) {\n      <span>Select file(s) or drop file(s)</span>\n    }\n  </button>\n</mat-card-actions>\n</mat-card>", styles: ["ul{list-style:none;padding-left:0}ul li{padding-bottom:10px}.fileover{animation:shake 1s;animation-iteration-count:infinite}.files-list{margin-top:1.5rem}.files-list .single-file{display:flex;padding:.5rem;justify-content:space-between;align-items:center;border:dashed 1px #979797;margin-bottom:1rem;flex-grow:1}.files-list .single-file img.delete{margin-left:.5rem;cursor:pointer;align-self:flex-end}.files-list .single-file .name{font-size:14px;font-weight:500;color:#353f4a;margin:0}.files-list .single-file .size{font-size:12px;font-weight:500;color:#a4a4a4;margin:0;margin-bottom:.25rem}.files-list .single-file .info{width:100%}.Done{background-color:green}.Error{background-color:red}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i4.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: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i4$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: FileSinkDirective, selector: "[glowwFileSink]", outputs: ["fileDropped"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UploadFileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-upload-file', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: UploadFileComponent
+                        }
+                    ], standalone: false, template: "<mat-card appearance=\"outlined\" glowwFileSink (fileDropped)=\"onFileDropped($event)\" style=\"height:calc(100% - 40px)\">\n  <mat-card-content style=\"min-height:100px;height:calc(100% - 60px)\">\n    @if (files && files.length) {\n      <div class=\"files-list\" style=\"height:calc(100% - 60px)\">\n        @for (file of files; track file; let i = $index) {\n          <div class=\"single-file\" [ngClass]=\"file.status\">\n            <i class=\"fa-thin fa-file fa-lg\"></i>\n            <div class=\"info\">\n              <h4 class=\"name\">\n                {{ file?.fileName }}\n              </h4>\n              <p class=\"size\">\n                {{ formatBytes(file?.size) }}\n              </p>\n              <mat-progress-bar [value]=\"file.progress\"></mat-progress-bar>\n            </div>\n            <i class=\"fa-thin fa-trash fa-lg\" (click)=\"deleteFile(i)\"></i>\n          </div>\n        }\n      </div>\n    }\n    @if (!files || !files.length) {\n      <div style=\"height:calc(100% - 60px)\">No file(s) selected</div>\n    }\n    <input type=\"file\" #fileUpload id=\"fileUpload\" name=\"fileUpload\" [accept]=\"acceptMime\" style=\"display:none;\" [multiple]=\"multiple\" />\n  </mat-card-content>\n  <mat-card-actions style=\"text-align:center\">\n    <button mat-raised-button color=\"accent\" (click)=\"SelectFiles()\">\n      <i class=\"fal fa-file-upload\"></i> @if (!multiple) {\n      <span>Select file or Drop a file</span>\n    }\n    @if (multiple) {\n      <span>Select file(s) or drop file(s)</span>\n    }\n  </button>\n</mat-card-actions>\n</mat-card>", styles: ["ul{list-style:none;padding-left:0}ul li{padding-bottom:10px}.fileover{animation:shake 1s;animation-iteration-count:infinite}.files-list{margin-top:1.5rem}.files-list .single-file{display:flex;padding:.5rem;justify-content:space-between;align-items:center;border:dashed 1px #979797;margin-bottom:1rem;flex-grow:1}.files-list .single-file img.delete{margin-left:.5rem;cursor:pointer;align-self:flex-end}.files-list .single-file .name{font-size:14px;font-weight:500;color:#353f4a;margin:0}.files-list .single-file .size{font-size:12px;font-weight:500;color:#a4a4a4;margin:0;margin-bottom:.25rem}.files-list .single-file .info{width:100%}.Done{background-color:green}.Error{background-color:red}@keyframes shake{0%{transform:translate(1px,1px) rotate(0)}10%{transform:translate(-1px,-2px) rotate(-1deg)}20%{transform:translate(-3px) rotate(1deg)}30%{transform:translate(3px,2px) rotate(0)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,2px) rotate(-1deg)}60%{transform:translate(-3px,1px) rotate(0)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-1px,-1px) rotate(1deg)}90%{transform:translate(1px,2px) rotate(0)}to{transform:translate(1px,-2px) rotate(-1deg)}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { fileUpload: [{
+                type: ViewChild,
+                args: ['fileUpload']
+            }], multiple: [{
+                type: Input
+            }], allowAltFileName: [{
+                type: Input
+            }], acceptMime: [{
+                type: Input
+            }] } });
+
+class UploadDocComponent {
+    constructor(dialogRef, data, formBuilder) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.formBuilder = formBuilder;
+        this.multiple = false;
+        this.allowAltFileName = false;
+        this.acceptMime = '*/*';
+        this.files = [];
+        if (data && data.acceptMime) {
+            this.acceptMime = data.acceptMime;
+        }
+        if (data && data.multiple) {
+            this.multiple = data.multiple;
+        }
+        if (data && data.allowAltFileName) {
+            this.allowAltFileName = data.allowAltFileName;
+        }
+        if (data && data.callback) {
+            this.callback = data.callback;
+        }
+    }
+    /*
+    get fileNames(): FormArray {
+      return this.form.get("fileNames") as FormArray
+    }
+  
+    FileName(fn: string): FormGroup {
+      return this.formBuilder.group({
+        fileName: fn
+      })
+    }
+  
+    ngOnInit() {
+    }
+  
+    onClick() {
+      const fileUpload = this.fileUpload.nativeElement; fileUpload.onchange = () => {
+        if (this.multiple) {
+          this.files = [];
+          if (this.allowAltFileName) { this.fileNames.clear(); }
+        }
+        for (const file of fileUpload.files) {
+          this.files.push({ data: file, inProgress: false, progress: 0, fileName: file.name });
+          if (this.allowAltFileName) { this.fileNames.push(this.FileName(file.name)); }
+        }
+      };
+      fileUpload.click();
+    }
+  
+    private uploadFiles() {
+      this.fileUpload.nativeElement.value = '';
+      this.files.forEach(file => {
+        alert('upload file');
+        // this.uploadFile(file);
+      });
+    }
+    */
+    cancel() {
+        this.dialogRef.close();
+    }
+    save() {
+        console.log("save UploadDoc");
+        console.log(`this.files.length ${this.files.length}`);
+        /*if (this.allowAltFileName) {
+          for (let i = 0; i < this.files.length; i++) {
+            // Comment to be sure new version
+            this.files[i].name = this.fileNames.value[i].fileName;
+          }
+        }*/
+        if (this.callback) {
+            this.callback(this.files).subscribe(res => this.dialogRef.close(this.files));
+        }
+        else {
+            this.dialogRef.close(this.files);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UploadDocComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i1$3.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: UploadDocComponent, isStandalone: false, selector: "gloww-upload-doc", ngImport: i0, template: "<h2 mat-dialog-title>\r\n    Association d'un nouveau document</h2>\r\n\r\n<mat-dialog-content>\r\n\r\n    <gloww-upload-file [(ngModel)]=\"files\" [acceptMime]=\"acceptMime\" [multiple]=\"multiple\" [allowAltFileName]=\"allowAltFileName\"></gloww-upload-file>\r\n\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n    <button mat-raised-button (click)=\"cancel()\">Close</button>\r\n    <button mat-raised-button color=\"primary\" (click)=\"save()\">Save</button>\r\n</mat-dialog-actions>\r\n", styles: ["ul{list-style:\"none\";padding-left:0}ul li{padding-bottom:10px}\n"], dependencies: [{ 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: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i4.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: UploadFileComponent, selector: "gloww-upload-file", inputs: ["multiple", "allowAltFileName", "acceptMime"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UploadDocComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-upload-doc', standalone: false, template: "<h2 mat-dialog-title>\r\n    Association d'un nouveau document</h2>\r\n\r\n<mat-dialog-content>\r\n\r\n    <gloww-upload-file [(ngModel)]=\"files\" [acceptMime]=\"acceptMime\" [multiple]=\"multiple\" [allowAltFileName]=\"allowAltFileName\"></gloww-upload-file>\r\n\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n    <button mat-raised-button (click)=\"cancel()\">Close</button>\r\n    <button mat-raised-button color=\"primary\" (click)=\"save()\">Save</button>\r\n</mat-dialog-actions>\r\n", styles: ["ul{list-style:\"none\";padding-left:0}ul li{padding-bottom:10px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1$3.UntypedFormBuilder }] });
+
+class SearchFormComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SearchFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: SearchFormComponent, isStandalone: false, selector: "glw-search-form", ngImport: i0, template: "<ng-content></ng-content>", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SearchFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'glw-search-form', standalone: false, template: "<ng-content></ng-content>" }]
+        }], ctorParameters: () => [] });
+
+class HeaderComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HeaderComponent, isStandalone: false, selector: "glw-header", ngImport: i0, template: "<ng-content></ng-content>", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'glw-header', standalone: false, template: "<ng-content></ng-content>" }]
+        }], ctorParameters: () => [] });
+
+class ResultTableComponent {
+    constructor() { }
+    ngAfterContentInit() {
+        console.log(this.columnDefs.length);
+    }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ResultTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: ResultTableComponent, isStandalone: false, selector: "glw-result-table", queries: [{ propertyName: "columnDefs", predicate: MatColumnDef }], ngImport: i0, template: "<ng-content></ng-content>", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ResultTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'glw-result-table', standalone: false, template: "<ng-content></ng-content>" }]
+        }], ctorParameters: () => [], propDecorators: { columnDefs: [{
+                type: ContentChildren,
+                args: [MatColumnDef]
+            }] } });
+
+class FilterFormComponent {
+    constructor() {
+        this.filter = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    onFilter() {
+        this.filter.emit("xxx");
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: FilterFormComponent, isStandalone: false, selector: "glw-filter-form", outputs: { filter: "filter" }, ngImport: i0, template: "<mat-card appearance=\"outlined\">\r\n  <mat-card-content>\r\n    <ng-content></ng-content>\r\n  </mat-card-content>\r\n  <mat-card-actions align=\"end\">\r\n    <button mat-stroked-button color=\"accent\" (click)=\"onFilter()\">\r\n      <mat-icon>search</mat-icon>\r\n      Filter\r\n    </button>\r\n  </mat-card-actions>\r\n</mat-card>", styles: [""], dependencies: [{ kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.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: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3$1.MatCardContent, selector: "mat-card-content" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'glw-filter-form', standalone: false, template: "<mat-card appearance=\"outlined\">\r\n  <mat-card-content>\r\n    <ng-content></ng-content>\r\n  </mat-card-content>\r\n  <mat-card-actions align=\"end\">\r\n    <button mat-stroked-button color=\"accent\" (click)=\"onFilter()\">\r\n      <mat-icon>search</mat-icon>\r\n      Filter\r\n    </button>\r\n  </mat-card-actions>\r\n</mat-card>" }]
+        }], ctorParameters: () => [], propDecorators: { filter: [{
+                type: Output
+            }] } });
+
+class Oauthassociation {
+    toString() {
+        return this.provider;
+    }
+}
+
+class AuthenticationServiceConfig {
+    constructor() {
+        this.currentUserVariableName = 'currentuser';
+        this.authenticationUrl = `/admin/authusers/authenticate`;
+        this.changePasswordUrl = `/admin/authusers/changePassword`;
+        this.askResetPasswordCodeUrl = `/admin/authusers/askResetPasswordCode`;
+        this.resetPassworUrl = `/admin/authusers/resetPassword`;
+        this.environment = '__GlowwSecurity__';
+        this.showDomain = false;
+        this.askGSM = false;
+        this.googleClientId = '';
+        this.facebookClientId = '';
+        this.amazonClientId = '';
+        this.microsoftClientId = '';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthenticationServiceConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthenticationServiceConfig, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthenticationServiceConfig, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class AuthenticationService {
+    constructor(http, platformId, config) {
+        this.http = http;
+        this.platformId = platformId;
+        this.hasLocalStorage = false;
+        this.hasLocalStorage = isPlatformBrowser(this.platformId);
+        if (config && config.currentUserVariableName) {
+            this.currentUserVariableName = config.currentUserVariableName;
+        }
+        else {
+            this.currentUserVariableName = 'currentUser';
+        }
+        if (config && config.authenticationUrl) {
+            this.authenticationUrl = config.authenticationUrl;
+        }
+        else {
+            this.authenticationUrl = `/admin/authusers/authenticate`;
+        }
+        if (config && config.changePasswordUrl) {
+            this.changePasswordUrl = config.changePasswordUrl;
+        }
+        else {
+            this.changePasswordUrl = this.authenticationUrl.replace('authenticate', 'changePassword');
+        }
+        if (config && config.askResetPasswordCodeUrl) {
+            this.askResetPasswordCodeUrl = config.askResetPasswordCodeUrl;
+        }
+        else {
+            this.askResetPasswordCodeUrl = this.authenticationUrl.replace('authenticate', 'askResetPasswordCode');
+        }
+        if (config && config.resetPassworUrl) {
+            this.resetPasswordUrl = config.resetPassworUrl;
+        }
+        else {
+            this.resetPasswordUrl = this.authenticationUrl.replace('authenticate', 'resetPassword');
+        }
+        this.OAuthGetProvidersUrl = this.authenticationUrl.replace('authenticate', 'OAuthGetProviders');
+        this.OAuthAskCodeUrl = this.authenticationUrl.replace('authenticate', 'OAuthAskCode');
+        this.OAuthAssociationUrl = this.authenticationUrl.replace('authenticate', 'OAuthAssociation');
+        this.OAuthGetAssociationsUrl = this.authenticationUrl.replace('authenticate', 'OAuthGetAssociations');
+        this.OAuthDeleteAssociationUrl = this.authenticationUrl.replace('authenticate', 'OAuthDeleteAssociation');
+        if (config && config.environment) {
+            this.environment = config.environment;
+        }
+        if (config && config.showDomain) {
+            this.showdomain = config.showDomain;
+        }
+        if (this.hasLocalStorage) { // Angular Universal
+            this.currentUserSubject = new BehaviorSubject(JSON.parse(localStorage.getItem(this.currentUserVariableName)));
+            this.currentUser = this.currentUserSubject.asObservable();
+        }
+    }
+    get currentUserValue() {
+        if (!this.currentUserSubject) {
+            return null;
+        } // Angular Universsal
+        return this.currentUserSubject.value;
+    }
+    get isConnected() {
+        if (!this.currentUserSubject) {
+            return null;
+        } // Angular Universsal
+        return this.currentUserSubject.value !== null;
+    }
+    login(domain, username, password) {
+        const formData = new FormData();
+        if (this.showdomain) {
+            formData.set('domain', domain);
+        }
+        formData.set('environment', this.environment);
+        formData.set('username', username);
+        formData.set('password', password);
+        return this.http.post(this.authenticationUrl, formData, { observe: 'response' })
+            .pipe(map(resp => {
+            // store user details and jwt token in local storage to keep user logged in between page refreshes
+            const user = resp.body;
+            if (this.hasLocalStorage) {
+                localStorage.setItem(this.currentUserVariableName, JSON.stringify(user));
+            }
+            this.currentUserSubject.next(user);
+            return user;
+        }));
+    }
+    changePassword(domain, username, oldpassword, newpassword) {
+        const params = new HttpParams({
+            fromObject: {
+                domain: this.currentUserValue.domain ?? '',
+                username: this.currentUserValue.username,
+                newpassword,
+                oldpassword,
+                environment: this.environment
+            }
+        });
+        return this.http.get(this.changePasswordUrl, { params });
+    }
+    logout() {
+        // remove user from local storage to log user out
+        if (this.hasLocalStorage) {
+            localStorage.removeItem(this.currentUserVariableName);
+        }
+        this.currentUserSubject.next(null);
+    }
+    askResetPasswordCode(domain, firstname, lastname, email, gsm) {
+        const params = new HttpParams({
+            fromObject: {
+                domain: '',
+                firstname,
+                lastname,
+                email,
+                gsm,
+                environment: this.environment
+            }
+        });
+        return this.http.get(this.askResetPasswordCodeUrl, { params });
+    }
+    resetPassword(email, code, password) {
+        const params = new HttpParams({
+            fromObject: {
+                email,
+                code,
+                password,
+                environment: this.environment
+            }
+        });
+        return this.http.get(this.resetPasswordUrl, { params });
+    }
+    getOAuthProviders() {
+        return this.http.get(this.OAuthGetProvidersUrl);
+    }
+    OAuthAskCode(environment, login, idOauth, provider, name, value) {
+        const params = new HttpParams({
+            fromObject: {
+                environment,
+                login,
+                idOauth,
+                provider,
+                name,
+                value
+            }
+        });
+        return this.http.get(this.OAuthAskCodeUrl, { params });
+    }
+    OAuthAssociation(environment, code, idOauth, provider, name, value) {
+        const params = new HttpParams({
+            fromObject: {
+                environment,
+                code,
+                idOauth,
+                provider,
+                name,
+                value
+            }
+        });
+        return this.http.get(this.OAuthAssociationUrl, { params }).pipe(map(resp => {
+            // store user details and jwt token in local storage to keep user logged in between page refreshes
+            console.log("OAuthAuthentication");
+            console.log(resp);
+            const user = resp;
+            if (this.hasLocalStorage) {
+                localStorage.setItem(this.currentUserVariableName, JSON.stringify(user));
+            }
+            this.currentUserSubject.next(user);
+            return user;
+        }));
+    }
+    getOAuthAssociations() {
+        const params = new HttpParams({
+            fromObject: {
+                environment: this.environment
+            }
+        });
+        return this.http.get(this.OAuthGetAssociationsUrl, { params }).pipe(tap((value) => console.log(value)), map((value) => value.map(item => Object.assign(new Oauthassociation(), item))), tap((value) => console.log(value)));
+    }
+    OAuthDeleteAssociation(provider, idOAuth) {
+        const params = new HttpParams({
+            fromObject: {
+                environment: this.environment,
+                provider,
+                idOAuth
+            }
+        });
+        return this.http.get(this.OAuthDeleteAssociationUrl, { params });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthenticationService, deps: [{ token: i1.HttpClient }, { token: PLATFORM_ID }, { token: AuthenticationServiceConfig, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthenticationService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthenticationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [PLATFORM_ID]
+                }] }, { type: AuthenticationServiceConfig, decorators: [{
+                    type: Optional
+                }] }] });
+
+;
+class DisplayObjectsComponent {
+    constructor(glowwService, changeDetectorRef, dialog, router, location, authenticationService, formBuilder, route) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.dialog = dialog;
+        this.router = router;
+        this.location = location;
+        this.authenticationService = authenticationService;
+        this.formBuilder = formBuilder;
+        this.route = route;
+        this.canDisplayObj = false;
+        this.canEdit = true;
+        this.canDelete = true;
+        this.canAdd = true;
+        this.mandatoryParams = {};
+        this.actions = [];
+        this.dialogConfig = {};
+        this.columnsToDisplay = [];
+        this.displayform = true;
+        this.displayresult = false;
+        this.queryParams = {};
+        this.navSubscription = new Subscription();
+        this.currentFilter = null;
+        this.glowwService = glowwService;
+        const component = this;
+        this.currentUser = this.authenticationService.currentUserValue.UserInfo;
+        this.form2 = this.formBuilder.group({
+            _MaxRow_: [null]
+        });
+        //debugger;
+        this.data = this.route.snapshot.data;
+        this.routeParams = this.route.snapshot.params;
+        route.params.subscribe(routeParams => {
+            this.routeParams = routeParams;
+            if (this.displayresult)
+                this.Search();
+        });
+    }
+    ngOnChanges(changes) {
+    }
+    InitRequest() {
+        if (!this.searchRequest) {
+            this.searchRequest = this.glowwService[`search${this.objectName}`];
+        }
+        if (!this.postRequest) {
+            this.postRequest = this.glowwService[`post${this.objectName}`];
+        }
+        if (!this.deleteRequest) {
+            this.deleteRequest = this.glowwService[`delete${this.objectName}`];
+        }
+        if (!this.putRequest) {
+            this.putRequest = this.glowwService[`put${this.objectName}`];
+        }
+    }
+    sortData(sort) {
+        this.sort.sort({ id: sort.active, start: sort.direction ? sort.direction : "asc", disableClear: true });
+        //this.sort.sortChange.emit(sort);
+    }
+    getValue4Sort(item, header) {
+        let fct = "";
+        let parts = [];
+        if (typeof header === 'object') {
+            fct = header["fct"];
+            parts = header["parts"];
+        }
+        else {
+            console.log(`previewMatchSortingFn ${item} - ${header}`);
+            const headerFct = header.split("---");
+            fct = null;
+            if (headerFct.length === 2) {
+                fct = headerFct[1];
+            }
+            parts = headerFct[0].split(".");
+        }
+        let res = item;
+        for (let i = 0; i < parts.length; i++) {
+            res = res[parts[i]];
+            if (!res)
+                return null;
+        }
+        switch (fct) {
+            case "insensitive":
+                return res.toString().toLowerCase();
+        }
+        return res;
+    }
+    ngAfterViewInit() {
+        if (!this.objectName)
+            this.objectName = this.parent.objectName;
+        if (!this.actions || this.actions.length === 0)
+            this.actions = this.parent.actions;
+        if (!this.primaryKey)
+            this.primaryKey = this.parent.primaryKey;
+        if (!this.columns)
+            this.columns = this.parent.columnsToDisplay;
+        if (!this.Editor)
+            this.Editor = this.parent.editor;
+        if (!this.AddEditor)
+            this.AddEditor = this.parent.addEditor ?? this.parent.editor;
+        ///////if (!this.fileFields) this.fileFields = this.parent.fileFields;
+        if (!this.maxrows)
+            this.maxrows = this.parent.maxrows;
+        this.InitRequest();
+        if (this.maxrows?.length > 0) {
+            this.form.addControl("_MaxRow_", new UntypedFormControl(null));
+        }
+        //debugger;
+        console.log(`INIT : formLayout:${this.searchFormLayout}-displayform:${this.displayform}`);
+        if (!this.searchFormLayout && this.resultLayout) {
+            this.displayform = false;
+            this.displayresult = true;
+        }
+        if (Object.keys(this.data).length > 0 && (this.data["__mode"] !== "edit")) {
+            this.displayform = false;
+            this.displayresult = true;
+        }
+        if (Object.keys(this.route.snapshot.params).length > 0 && (this.data["__mode"] !== "edit")) {
+            this.displayform = false;
+            this.displayresult = true;
+        }
+        this.glowwService.basePathChange.subscribe(newUrl => {
+            console.log(`basePathChange ${newUrl}: fromLayout:${this.searchFormLayout}-displayform:${this.displayform}`);
+            this.parent.form?.reset();
+            if (!this.searchFormLayout && this.resultLayout) {
+                this.displayform = false;
+                this.displayresult = true;
+            }
+            if (this.displayresult) {
+                this.Search();
+            }
+        });
+        if (this.displayresult) {
+            this.Search();
+        }
+    }
+    ngAfterContentInit() {
+    }
+    ngOnInit() {
+        this.navSubscription = this.router.events.subscribe((e) => {
+            if (e instanceof NavigationEnd) {
+                this.parent.form?.reset();
+                this.displayform = true;
+                this.displayresult = false;
+                this.changeDetectorRef.detectChanges();
+                this.dataSource = null;
+                if (!this.searchFormLayout && this.resultLayout) {
+                    this.displayform = false;
+                    this.displayresult = true;
+                }
+                if (this.displayresult) {
+                    this.Search();
+                }
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.navSubscription?.unsubscribe(); // this prevents a memory leak
+    }
+    Init(data) {
+        if ((data && Object.keys(data).length > 0) || this.displayresult) {
+            this.Search(data);
+        }
+    }
+    SetFilterPredicate() {
+        this.dataSource.filterPredicate = function (record, filterString) {
+            console.log(filterString);
+            var filter = JSON.parse(filterString);
+            let isMatch = true;
+            const keys = Object.keys(filter);
+            for (let key of keys) {
+                let value = filter[key];
+                if (!value)
+                    continue;
+                const re = /(?<Field>.+?)(?=___|$)(?:___(?<Option>.+))?/m;
+                const keyplus = re.exec(key);
+                let m;
+                let option = "";
+                if (keyplus) {
+                    console.log(`Regex OK ${keyplus}`);
+                    key = keyplus[1];
+                    option = keyplus[2] ?? "";
+                }
+                console.log(`${key} - ${option}`);
+                if (key == "AllFields") {
+                    const filterValue = filter["AllFields"].trim().toLowerCase();
+                    const dataStr = Object.keys(record)
+                        .reduce((currentTerm, key) => {
+                        return currentTerm + record[key] + '◬';
+                    }, '');
+                    isMatch = (dataStr.toLowerCase().indexOf(filterValue) != -1);
+                }
+                else {
+                    console.log(`${key} ${record[key]} `);
+                    let fieldValue = record[key] ?? "";
+                    if (option.includes("i")) {
+                        fieldValue = fieldValue.toLowerCase();
+                        value = value.toLowerCase();
+                    }
+                    if (option.includes("c")) {
+                        isMatch = fieldValue.includes(value);
+                    }
+                    else {
+                        isMatch = (fieldValue == value);
+                    }
+                    console.log(`${key} ${record[key]} ${value} : ${isMatch}`);
+                }
+                if (!isMatch)
+                    return false;
+            }
+            return isMatch;
+        };
+    }
+    Search(data) {
+        console.log(`Search ${this.glowwService.InternalBasePath}`);
+        if (data)
+            this.data = data;
+        this.displayresult = true;
+        this.displayform = false;
+        this.resultException = null;
+        if (this.data) {
+            Object.keys(this.data).forEach(name => {
+                this.queryParams[name] = this.data[name];
+            });
+        }
+        if (this.routeParams) {
+            Object.keys(this.routeParams).forEach(name => {
+                this.queryParams[name] = this.routeParams[name];
+            });
+        }
+        if (this.mandatoryParams) {
+            Object.keys(this.mandatoryParams).forEach(name => {
+                this.queryParams[name] = this.queryParams[name];
+            });
+        }
+        this.queryParams['__guid'] = (Math.random().toString()).substring(2);
+        console.log("Before searchRequest");
+        //debugger;
+        this.searchRequest.call(this.glowwService, this.queryParams).subscribe(r => {
+            console.log("search done");
+            try {
+                this.dataSource = new MatTableDataSource(r);
+                this.SetFilterPredicate();
+            }
+            catch (ex) {
+                alert(`${ex}`);
+            }
+            console.log("dataSource changed");
+            this.changeDetectorRef.detectChanges();
+            this.UpdateTable();
+        }, error => {
+            this.displayresult = false;
+            this.displayform = true;
+            this.resultException = error;
+        });
+    }
+    clean(obj) {
+        for (const propName in obj) {
+            if (obj[propName] === null || obj[propName] === undefined) {
+                delete obj[propName];
+            }
+        }
+    }
+    onSearch() {
+        this.queryParams = {};
+        const searchData = this.parent.form.value.searchData;
+        if (searchData) {
+            Object.keys(searchData).forEach(name => {
+                const val = searchData[name];
+                this.queryParams[name] = val;
+            });
+        }
+        if (this.form2.value._MaxRow_) {
+            this.queryParams._MaxRow_ = this.form2.value._MaxRow_;
+        }
+        this.clean(this.queryParams);
+        const params = new HttpParams({ fromObject: this.queryParams });
+        const currentstate = this.location.getState();
+        this.location.replaceState(this.router.url, params.toString());
+        this.Search();
+    }
+    onFilter() {
+    }
+    UpdateDataSource(r) {
+        this.dataSource = new MatTableDataSource(r);
+        this.SetFilterPredicate();
+        this.changeDetectorRef.detectChanges();
+        this.UpdateTable();
+    }
+    UpdateTable() {
+        console.log("UpdateTable()");
+        if (this.dataSource) {
+            if (!this.table) {
+                console.log('!this.table');
+                return;
+            }
+            this.resultLayout.columnDefs.forEach(columnDef => this.table.addColumnDef(columnDef));
+            this.dataSource.paginator = this.paginator;
+            this.dataSource.sort = this.sort;
+            this.dataSource.sortingDataAccessor = this.getValue4Sort;
+            console.log(`After  this.dataSource.sort = ${this.parent.sort}`);
+            this.columnsToDisplay = this.columns();
+        }
+    }
+    canDisplayObjThis(obj, action) {
+        try {
+            if (!this.displayObjLink) {
+                return false;
+            }
+            if (typeof this.canDisplayObj === 'boolean') {
+                return this.canDisplayObj;
+            }
+            return this.canDisplayObj(this.currentUser, obj, action);
+        }
+        catch (ex) {
+            console.log(ex);
+            return true;
+        }
+    }
+    canAddThis() {
+        try {
+            if (!this.canAdd) {
+                return false;
+            }
+            if (typeof this.canAdd === 'boolean') {
+                return this.canAdd;
+            }
+            return this.canAdd(this.currentUser);
+        }
+        catch (ex) {
+            console.log(ex);
+            return true;
+        }
+    }
+    canEditThis(obj) {
+        try {
+            if (!this.canEdit) {
+                return false;
+            }
+            if (typeof this.canEdit === 'boolean') {
+                return this.canEdit;
+            }
+            return this.canEdit(this.currentUser, obj);
+        }
+        catch (ex) {
+            console.log(ex);
+            return true;
+        }
+    }
+    canDeleteThis(obj) {
+        try {
+            if (!this.canDelete) {
+                return false;
+            }
+            if (typeof this.canDelete === 'boolean') {
+                return this.canDelete;
+            }
+            return this.canDelete(this.currentUser, obj);
+        }
+        catch (ex) {
+            console.log(ex);
+            return false;
+        }
+    }
+    displayObjLinkThis(obj, action) {
+        if (!this.displayObjLink) {
+            return null;
+        }
+        return this.displayObjLink(obj, action);
+    }
+    isString(value) {
+        return typeof value === 'string' || value instanceof String;
+    }
+    getPrimaryKey(obj) {
+        let res = [];
+        if (this.isString(this.primaryKey)) {
+            console.log("string");
+            res.push(obj[this.primaryKey]);
+        }
+        else {
+            console.log("string[]");
+            this.primaryKey.forEach(key => res.push(obj[key]));
+        }
+        return res;
+    }
+    _saveObj(obj) {
+        var subject = new Subject();
+        this.postRequest.call(this.glowwService, obj).subscribe(data => {
+            const tmp = this.dataSource.data;
+            tmp.push(data);
+            this.dataSource.data = tmp;
+            subject.next(data);
+        }, error => {
+            alert(`Unable to add Object ${error.status} ${error.statusText}\n${error.Message}\n${error.error}`);
+            subject.error(error);
+        });
+        return subject;
+    }
+    _saveFile(fileField, obj, file) {
+        const formData = new FormData();
+        formData.append('file', file.data);
+        return this.glowwService[`post${this.objectName}${fileField}`].call(this.glowwService, this.getPrimaryKey(obj), formData).pipe(tap((event) => {
+            switch (event.type) {
+                case HttpEventType.UploadProgress:
+                    file.progress = Math.round(event.loaded * 100 / (event.total ?? 1));
+                    file.inProgress = file.progress !== 100;
+                    break;
+                case HttpEventType.Response:
+                    file.progress = 100;
+                    file.status = "Done";
+                    file.inProgress = false;
+                    break;
+            }
+        }), filter((event) => {
+            console.log(`filter ${event.type}`);
+            return event.type === HttpEventType.Response;
+        }), map((event) => {
+            console.log(`map ${event.type}`);
+            const tmp = this.dataSource.data;
+            tmp[tmp.indexOf(obj)] = event.body;
+            this.dataSource.data = tmp;
+            console.log(`after replace...`);
+            return event.body;
+        }), catchError((error) => {
+            file.inProgress = false;
+            file.status = "Error";
+            console.log(`${file.data.name} upload failed.`);
+            //subject.error(error);
+            return of(`${file.data.name} upload failed.`);
+        }));
+    }
+    AddObj() {
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.disableClose = true;
+        dialogConfig.autoFocus = true;
+        dialogConfig.closeOnNavigation = false;
+        dialogConfig.maxHeight = "95%";
+        dialogConfig.maxWidth = "95%";
+        dialogConfig.height = "100%";
+        if (this.dialogConfig) {
+            Object.keys(this.dialogConfig).forEach(name => {
+                dialogConfig[name] = this.dialogConfig[name];
+            });
+        }
+        let args = {};
+        Object.keys(this.route.snapshot?.params).forEach(key => {
+            args[key] = this.route.snapshot?.params[key];
+            dialogConfig.data = args;
+        });
+        const dlg = this.dialog.open(this.AddEditor, dialogConfig);
+        dlg.componentInstance.callback = (data => {
+            let datacopy = { ...data };
+            const fileFields = this.Editor.fileFields;
+            console.log(`fileFields ${fileFields?.length}`);
+            if (fileFields?.length == 1) {
+                // Un seul champ, il peut être multiple
+                const fileField = fileFields[0];
+                console.log(`fileField ${fileField}`);
+                const files = datacopy[fileField];
+                delete datacopy[fileField];
+                const allobs = {};
+                files.forEach(file => {
+                    if (file.statut !== 'Done' && file.statut !== 'Error') {
+                        const obs = this._saveObj(datacopy).pipe(switchMap(newdata => this._saveFile(fileField, newdata, file)));
+                        console.log(`file.fileName ${file.fileName}`);
+                        allobs[file.fileName] = obs;
+                    }
+                });
+                return combineLatest(allobs).pipe(take(1));
+            }
+            else if (fileFields?.length > 1) {
+                // Plusieurs champs file, il ne peut y avoir qu'une seul fichier par champ.
+                const fields = {};
+                fileFields.forEach(ff => {
+                    fields[ff] = datacopy[ff];
+                    delete datacopy[ff];
+                    return this._saveObj(datacopy).pipe(mergeMap(newdata => {
+                        var allobs = [];
+                        Object.entries(fields).forEach(([fileField, files]) => {
+                            if (files.length > 0) {
+                                allobs.push(this._saveFile(fileField, newdata, files[0]));
+                            }
+                        });
+                        return forkJoin(allobs); // TODO : PAS TERMINE... JAMAIS UTILISE...
+                    }));
+                });
+            }
+            else {
+                // Form sans fichier
+                return this._saveObj(data);
+            }
+        });
+    }
+    DeleteObj(obj) {
+        if (confirm('Are you sure you want to delete this objet ? ')) {
+            this.deleteRequest.apply(this.glowwService, this.getPrimaryKey(obj)).subscribe(p => {
+                const i = this.dataSource.data.indexOf(obj);
+                const tmp = this.dataSource.data;
+                tmp.splice(i, 1);
+                this.dataSource.data = tmp;
+            }, error => {
+                alert(`Unable to delete Object ${error.status} ${error.statusText}\n${error.Message}\n${error.error}`);
+            });
+        }
+    }
+    _updateObj(current, newData) {
+        let args = this.getPrimaryKey(current);
+        args.push(newData);
+        var subject = new Subject();
+        this.putRequest.apply(this.glowwService, args).subscribe(data => {
+            const i = this.dataSource.data.indexOf(current);
+            const tmp = this.dataSource.data;
+            tmp[i] = data;
+            this.dataSource.data = tmp;
+            subject.next(data);
+        }, error => {
+            alert(`Unable to update Object ${error.status} ${error.statusText}\n${error.Message}\n${error.error}`);
+            subject.error(error);
+        });
+        return subject;
+    }
+    EditObj(obj) {
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.disableClose = true;
+        dialogConfig.autoFocus = true;
+        dialogConfig.closeOnNavigation = false;
+        dialogConfig.maxHeight = "95%";
+        dialogConfig.maxWidth = "95%";
+        dialogConfig.height = "100%";
+        if (this.dialogConfig) {
+            Object.keys(this.dialogConfig).forEach(name => {
+                dialogConfig[name] = this.dialogConfig[name];
+            });
+        }
+        const current = { ...obj };
+        dialogConfig.data = obj;
+        const dlg = this.dialog.open(this.Editor, dialogConfig);
+        dlg.componentInstance.callback = (data => {
+            let datacopy = { ...data };
+            const fileFields = this.Editor.fileFields;
+            if (fileFields?.length == 1) {
+                // Un seul champ, il peut être multiple
+                const fileField = fileFields[0];
+                const files = datacopy[fileField];
+                delete datacopy[fileField];
+                const allobs = {};
+                files.forEach(file => {
+                    if (file.statut !== 'Done' && file.statut !== 'Error') {
+                        const obs = this._updateObj(current, datacopy).pipe(switchMap(newdata => this._saveFile(fileField, newdata, file)));
+                        allobs[file.fileName] = obs;
+                    }
+                });
+                return combineLatest(allobs).pipe(take(1));
+            }
+            else if (fileFields?.length > 1) {
+                // Plusieurs champs file, il ne peut y avoir qu'une seul fichier par champ.
+                const fields = {};
+                fileFields.forEach(ff => {
+                    fields[ff] = datacopy[ff];
+                    delete datacopy[ff];
+                    return this._updateObj(current, datacopy).pipe(mergeMap(newdata => {
+                        var allobs = [];
+                        Object.entries(fields).forEach(([fileField, files]) => {
+                            if (files.length > 0) {
+                                allobs.push(this._saveFile(fileField, newdata, files[0]));
+                            }
+                        });
+                        return forkJoin(allobs); // TODO : PAS TERMINE... JAMAIS UTILISE...
+                    }));
+                });
+            }
+            else {
+                // Form sans fichier
+                return this._updateObj(current, data);
+            }
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", 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 }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: DisplayObjectsComponent, isStandalone: false, 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            Unable to query : {{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=\"MaxRow\" formControlName=\"_MaxRow_\">\n                @for (maxrow of maxrows; track maxrow) {\n                  <mat-option [value]=\"maxrow\">\n                    @if (maxrow) {\n                      <span>{{maxrow}} objects</span>\n                    }\n                    @if (!maxrow) {\n                      <span> Default</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          Search\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\"></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: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { 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: "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: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.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: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i10.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i11.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i11.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i11.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i11.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i11.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i11.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i11.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i11.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i11.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i11.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i3$2.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: i3$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i13.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "directive", type: i14.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DisplayObjectsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'glw-display-objects', standalone: false, 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            Unable to query : {{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=\"MaxRow\" formControlName=\"_MaxRow_\">\n                @for (maxrow of maxrows; track maxrow) {\n                  <mat-option [value]=\"maxrow\">\n                    @if (maxrow) {\n                      <span>{{maxrow}} objects</span>\n                    }\n                    @if (!maxrow) {\n                      <span> Default</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          Search\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\"></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']
+                }] }, { type: i0.ChangeDetectorRef }, { type: i1$2.MatDialog }, { type: i2.Router }, { type: i3.Location }, { type: AuthenticationService }, { type: i1$3.UntypedFormBuilder }, { type: i2.ActivatedRoute }], propDecorators: { header: [{
+                type: ContentChild,
+                args: [HeaderComponent]
+            }], searchFormLayout: [{
+                type: ContentChild,
+                args: [SearchFormComponent]
+            }], filterFormLayout: [{
+                type: ContentChild,
+                args: [FilterFormComponent]
+            }], resultLayout: [{
+                type: ContentChild,
+                args: [ResultTableComponent]
+            }], table: [{
+                type: ViewChild,
+                args: [MatTable, { static: false }]
+            }], paginator: [{
+                type: ViewChild,
+                args: [MatPaginator, { static: false }]
+            }], sort: [{
+                type: ViewChild,
+                args: [MatSort, { static: false }]
+            }], configuration: [{
+                type: Input
+            }], displayObjLink: [{
+                type: Input
+            }], canDisplayObj: [{
+                type: Input
+            }], canEdit: [{
+                type: Input
+            }], canDelete: [{
+                type: Input
+            }], canAdd: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], SearchForm: [{
+                type: Input
+            }], searchRequest: [{
+                type: Input
+            }], postRequest: [{
+                type: Input
+            }], deleteRequest: [{
+                type: Input
+            }], putRequest: [{
+                type: Input
+            }], maxrows: [{
+                type: Input
+            }], mandatoryParams: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], dialogConfig: [{
+                type: Input
+            }], parent: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], objectName: [{
+                type: Input
+            }], primaryKey: [{
+                type: Input
+            }], Editor: [{
+                type: Input
+            }], AddEditor: [{
+                type: Input
+            }] } });
+
+class PromptComponent {
+    constructor(dialogRef, data, formBuilder) {
+        this.dialogRef = dialogRef;
+        this.data = data;
+        this.formBuilder = formBuilder;
+        // Update view with given values
+        this.title = data.title;
+        this.message = data.message;
+        this.form = this.formBuilder.group({
+            prompt: [data.initialValue, data.required ? Validators.required : null],
+        });
+    }
+    ngOnInit() {
+    }
+    onCancel() {
+        // Close the dialog, return true
+        this.dialogRef.close(false);
+    }
+    onOK() {
+        // Close the dialog, return false
+        this.dialogRef.close(this.form.value.prompt);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PromptComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i1$3.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PromptComponent, isStandalone: false, selector: "gloww-prompt", ngImport: i0, template: "<h1 mat-dialog-title>\r\n    {{title}}\r\n</h1>\r\n\r\n<div mat-dialog-content [formGroup]=\"form\">\r\n    <p [innerHTML]=\"message | safeHtml\"></p>\r\n    <mat-form-field>\r\n        <input matInput placeholder=\"Prompt\" formControlName=\"prompt\" style=\"width: calc(100% - 32px);\">\r\n    </mat-form-field>\r\n</div>\r\n\r\n<mat-dialog-actions>\r\n    <button mat-button (click)=\"onCancel()\">Cancel</button>\r\n    <button mat-raised-button color=\"primary\" (click)=\"onOK()\">Yes</button>\r\n</mat-dialog-actions>\r\n", styles: [""], dependencies: [{ 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i4.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: "pipe", type: SafeHtmlPipe, name: "safeHtml" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PromptComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-prompt', standalone: false, template: "<h1 mat-dialog-title>\r\n    {{title}}\r\n</h1>\r\n\r\n<div mat-dialog-content [formGroup]=\"form\">\r\n    <p [innerHTML]=\"message | safeHtml\"></p>\r\n    <mat-form-field>\r\n        <input matInput placeholder=\"Prompt\" formControlName=\"prompt\" style=\"width: calc(100% - 32px);\">\r\n    </mat-form-field>\r\n</div>\r\n\r\n<mat-dialog-actions>\r\n    <button mat-button (click)=\"onCancel()\">Cancel</button>\r\n    <button mat-raised-button color=\"primary\" (click)=\"onOK()\">Yes</button>\r\n</mat-dialog-actions>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$2.MatDialogRef }, { type: PromptModel, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1$3.UntypedFormBuilder }] });
+// tslint:disable-next-line: max-classes-per-file
+class PromptModel {
+    constructor(title, message, initialValue, required) {
+        this.title = title;
+        this.message = message;
+        this.initialValue = initialValue;
+        this.required = required;
+    }
+}
+
+function retryWithDelay(delay$1, count = 1) {
+    return (input) => input.pipe(retryWhen((errors) => errors.pipe(scan((acc, error) => ({ count: acc.count + 1, error }), {
+        count: 0,
+        error: undefined,
+    }), tap((current) => {
+        if (current.count > count) {
+            throw current.error;
+        }
+    }), delay(delay$1))));
+}
+
+class SecurePipe {
+    constructor(http, domSanitizer) {
+        this.http = http;
+        this.domSanitizer = domSanitizer;
+    }
+    transform(url, delayVal, retryVal) {
+        if (!delayVal) {
+            delayVal = 5000;
+        }
+        if (!retryVal) {
+            retryVal = 0;
+        }
+        return this.http
+            // load the image as a blob
+            .get(url, { responseType: 'blob' })
+            // create an object url of that blob that we can use in the src attribute
+            .pipe(map(e => this.domSanitizer.bypassSecurityTrustUrl(URL.createObjectURL(e))), retryWithDelay(delayVal, retryVal));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SecurePipe, deps: [{ token: i1.HttpClient }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: SecurePipe, isStandalone: false, name: "secure" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SecurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'secure',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i1$1.DomSanitizer }] });
+
+class MenuListItemComponent {
+    get expanded() {
+        return this._expanded;
+    }
+    set expanded(value) {
+        console.log("change expanded");
+        this._expanded = value;
+    }
+    constructor(glowwService, navService, router) {
+        this.navService = navService;
+        this.router = router;
+        this._expanded = false;
+        this.ariaExpanded = this.expanded;
+        this.falsePromise = new Promise((resolve, reject) => {
+            resolve(false);
+        });
+        this.glowwService = glowwService;
+        if (this.depth === undefined) {
+            this.depth = 0;
+        }
+    }
+    ngAfterViewInit() {
+        this._disabled = this.getDisabledPromise();
+        this._hidden = this.getHiddenPromise();
+        this.glowwService.basePathChange.subscribe(newUrl => {
+            console.log(`basePathChange in menu ${newUrl}`);
+            this._disabled = this.getDisabledPromise();
+            this._hidden = this.getHiddenPromise();
+        });
+    }
+    ngOnInit() {
+    }
+    onItemSelected(item) {
+        if (item.children && item.children.length) {
+            this.expanded = !this.expanded;
+        }
+    }
+    isActive(item) {
+        let route = this.item.route;
+        if (typeof this.item.route === 'function') {
+            const routefct = this.item.route;
+            route = routefct.call(this);
+            return route ? this.router.isActive(route, true) : false;
+        }
+    }
+    routerLink(item) {
+        //if (this.isDisabled(item)) return null;
+        let route = this.item.route;
+        if (typeof this.item.route === 'function') {
+            const routefct = this.item.route;
+            route = routefct.call(this);
+        }
+        return route;
+    }
+    getDisabledPromise() {
+        //console.log(`isdisable item ${item.displayName} ${item.disabled}`);
+        if (!this.item.disabled) {
+            return this.falsePromise;
+        }
+        return this.item.disabled();
+    }
+    getHiddenPromise() {
+        if (!this.item.hidden) {
+            return this.falsePromise;
+        }
+        return this.item.hidden();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MenuListItemComponent, deps: [{ token: 'glowwService' }, { token: NavService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MenuListItemComponent, isStandalone: false, selector: "gloww-menu-list-item", inputs: { item: "item", depth: "depth" }, host: { properties: { "attr.aria-expanded": "this.ariaExpanded" } }, ngImport: i0, template: "@if (item) {\n  @if (!(_hidden | async)) {\n    <div class=\"thisMenu\" (click)=\"onItemSelected(item)\" [class.disabled]=\"(_disabled | async)\">\n      <a mat-list-item\n        [ngStyle]=\"{'padding-left': (depth * 12) + 'px'}\"\n        [ngClass]=\"{'active': isActive(item) && !(_disabled | async), 'expanded': expanded}\"\n        class=\"menu-list-item\"\n        [routerLink]=\"routerLink(item)\">\n        <mat-icon class=\"routeIcon\">\n          <i [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></i>\n        </mat-icon>\n        <span class=\"menu-label\">{{item.displayName}}</span>\n      </a>\n      @if (item.children?.length && !(_disabled | async)) {\n        <div class=\"expand-container\">\n          <mat-icon [@indicatorRotate]=\"expanded ? 'expanded': 'collapsed'\" class=\"expandIcon\">\n            expand_more\n          </mat-icon>\n        </div>\n      }\n    </div>\n  }\n  @if (expanded && !(_disabled | async)) {\n    <div>\n      @for (child of item.children; track child) {\n        <gloww-menu-list-item [item]=\"child\" [depth]=\"depth+1\">\n        </gloww-menu-list-item>\n      }\n    </div>\n  }\n}", styles: [".thisMenu{display:flex;flex-direction:row;align-items:center;outline:none;width:calc(100% - 20px);margin:10px;cursor:pointer}.menu-list-item{display:flex;align-items:center;flex:1;padding:8px 0;text-decoration:none;color:inherit;min-width:0}.menu-list-item .routeIcon{margin-right:20px;flex-shrink:0}.menu-list-item .menu-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expand-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}mat-icon{height:32px;width:40px;display:flex;align-items:center;justify-content:center}.expandIcon{cursor:pointer}:disabled,.disabled{color:#d3d3d3!important;pointer-events:none}:disabled mat-icon i,.disabled mat-icon i{color:#d3d3d3!important}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i1$4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MenuListItemComponent, selector: "gloww-menu-list-item", inputs: ["item", "depth"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], animations: [
+            trigger('indicatorRotate', [
+                state('collapsed', style({ transform: 'rotate(0deg)' })),
+                state('expanded', style({ transform: 'rotate(180deg)' })),
+                transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)'))
+            ])
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MenuListItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-menu-list-item', animations: [
+                        trigger('indicatorRotate', [
+                            state('collapsed', style({ transform: 'rotate(0deg)' })),
+                            state('expanded', style({ transform: 'rotate(180deg)' })),
+                            transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4,0.0,0.2,1)'))
+                        ])
+                    ], standalone: false, template: "@if (item) {\n  @if (!(_hidden | async)) {\n    <div class=\"thisMenu\" (click)=\"onItemSelected(item)\" [class.disabled]=\"(_disabled | async)\">\n      <a mat-list-item\n        [ngStyle]=\"{'padding-left': (depth * 12) + 'px'}\"\n        [ngClass]=\"{'active': isActive(item) && !(_disabled | async), 'expanded': expanded}\"\n        class=\"menu-list-item\"\n        [routerLink]=\"routerLink(item)\">\n        <mat-icon class=\"routeIcon\">\n          <i [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></i>\n        </mat-icon>\n        <span class=\"menu-label\">{{item.displayName}}</span>\n      </a>\n      @if (item.children?.length && !(_disabled | async)) {\n        <div class=\"expand-container\">\n          <mat-icon [@indicatorRotate]=\"expanded ? 'expanded': 'collapsed'\" class=\"expandIcon\">\n            expand_more\n          </mat-icon>\n        </div>\n      }\n    </div>\n  }\n  @if (expanded && !(_disabled | async)) {\n    <div>\n      @for (child of item.children; track child) {\n        <gloww-menu-list-item [item]=\"child\" [depth]=\"depth+1\">\n        </gloww-menu-list-item>\n      }\n    </div>\n  }\n}", styles: [".thisMenu{display:flex;flex-direction:row;align-items:center;outline:none;width:calc(100% - 20px);margin:10px;cursor:pointer}.menu-list-item{display:flex;align-items:center;flex:1;padding:8px 0;text-decoration:none;color:inherit;min-width:0}.menu-list-item .routeIcon{margin-right:20px;flex-shrink:0}.menu-list-item .menu-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.expand-container{display:flex;align-items:center;justify-content:center;flex-shrink:0}mat-icon{height:32px;width:40px;display:flex;align-items:center;justify-content:center}.expandIcon{cursor:pointer}:disabled,.disabled{color:#d3d3d3!important;pointer-events:none}:disabled mat-icon i,.disabled mat-icon i{color:#d3d3d3!important}\n"] }]
+        }], ctorParameters: () => [{ type: GlowwService, decorators: [{
+                    type: Inject,
+                    args: ['glowwService']
+                }] }, { type: NavService }, { type: i2.Router }], propDecorators: { ariaExpanded: [{
+                type: HostBinding,
+                args: ['attr.aria-expanded']
+            }], item: [{
+                type: Input
+            }], depth: [{
+                type: Input
+            }] } });
+
+class SnippetsService {
+    constructor(http) {
+        this.http = http;
+    }
+    getSnippets(path) {
+        return this.http.get(path);
+    }
+    getSnippetCode(path) {
+        return this.http.get(path, {
+            responseType: 'text'
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SnippetsService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SnippetsService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SnippetsService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }] });
+
+class CodeEditorComponent {
+    constructor(snippetsService, glowwService) {
+        this.snippetsService = snippetsService;
+        this.glowwService = glowwService;
+        this._value = null;
+        this.display = null;
+        this.mode = "text/typescript";
+        this.formatterOptions = { useTabs: true, printWidth: 160 };
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.resizable = true;
+        this.doc = null;
+        this.extraKeys = {
+            "Alt-K": function (cm) { alert('Alt-K'); cm.blockComment(cm.doc.getCursor('from'), cm.doc.getCursor('to')); /*cm.toggleComment();*/ },
+            "Shift-Alt-K": "toggleComment",
+            "Alt-N": this.autoFormatSelection.bind(this)
+        };
+    }
+    ngAfterViewInit() {
+        console.log(this.codeMirrorComponent);
+        console.log(this.codeMirrorComponent.codeMirror);
+        this.doc = this.codeMirrorComponent.codeMirror?.getDoc();
+        console.log(this.doc);
+        if (this.snippetsPath) {
+            this.snippetsService.getSnippets(this.snippetsPath.replace("/assets/", this.glowwService.baseHref + "/assets/")).subscribe((snippets) => {
+                if (!this.snippets) {
+                    this.snippets = [];
+                }
+                snippets.forEach((snippet) => this.snippets.push(snippet));
+            });
+        }
+    }
+    get value() {
+        return this._value;
+    }
+    set value(val) {
+        this._value = val;
+        this.onChange(val);
+        this.onTouched();
+    }
+    writeValue(obj) {
+        if (typeof (obj) === 'object' && obj != null) {
+            this.value = JSON.stringify(obj);
+        }
+        else {
+            this.value = obj;
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        //throw new Error('Method not implemented.');
+    }
+    insert() {
+        this.doc = this.codeMirrorComponent.codeMirror?.getDoc();
+        var cursor = this.doc.getCursor();
+        if (this.currentSnippet.code) {
+            this.doc.replaceRange(this.currentSnippet.code, cursor);
+        }
+        if (this.currentSnippet.externfile) {
+            this.snippetsService.getSnippetCode(this.currentSnippet.externfile).subscribe((code) => this.doc.replaceRange(code, cursor));
+        }
+    }
+    getSelectedRange(doc) {
+        return { from: doc.getCursor('from'), to: doc.getCursor('to') };
+    }
+    getFormatter() {
+        if (this.formatter)
+            return this.formatter;
+        if (this.mode.match(/typescript/)) {
+            return "typescript";
+        }
+        return null;
+    }
+    autoFormatSelection(cm) {
+        try {
+            const formatter = this.getFormatter();
+            if (!formatter) {
+                alert("no formatter defined for this code");
+                return;
+            }
+            let options = { ...this.formatterOptions };
+            options.parser = formatter;
+            options.plugins = [parserTypescript, parserBabel];
+            cm.doc.setValue(prettier.format(cm.doc.getValue(), options));
+        }
+        catch (ex) {
+            alert(`Unable to format this code, check Syntax`);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CodeEditorComponent, deps: [{ token: SnippetsService }, { token: GlowwService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: CodeEditorComponent, isStandalone: false, selector: "gloww-code-editor", inputs: { _value: ["value", "_value"], display: "display", mode: "mode", formatter: "formatter", formatterOptions: "formatterOptions", snippets: "snippets", snippetsPath: "snippetsPath" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: CodeEditorComponent
+            }
+        ], viewQueries: [{ propertyName: "codeMirrorComponent", first: true, predicate: CodemirrorComponent, descendants: true }], ngImport: i0, template: "<div class=\"editor-container mainDiv\">\n  <mat-label>{{display}}</mat-label>\n\n  @if (snippets?.length) {\n    <div class=\"snippet-header\">\n      <mat-select [(ngModel)]=\"currentSnippet\" class=\"snippet-select\">\n        @for (snippet of snippets; track snippet) {\n          <mat-option [value]=\"snippet\">{{snippet.name}}</mat-option>\n        }\n      </mat-select>\n      <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"insert()\">Insert</button>\n    </div>\n  }\n\n  <ngx-codemirror\n    [(ngModel)]=\"value\"\n    [options]=\"{lineNumbers: true, theme: 'eclipse', indentWithTabs:true, indentUnit: 4, matchBrackets: true, mode: mode, fixedGutter:false, extraKeys: extraKeys}\"\n    class=\"editor-full-width\">\n  </ngx-codemirror>\n</div>", styles: [".CodeMirror{resize:both;padding:0;margin:0}.sameSize{padding:0;margin:0;border:1px solid}.mainDiv{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;min-height:100%}.snippet-header{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%}.snippet-select{flex:1 1 auto}.editor-full-width{width:100%}\n"], dependencies: [{ 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: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.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: i3$2.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: i3$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i7.CodemirrorComponent, selector: "ngx-codemirror", inputs: ["className", "name", "autoFocus", "options", "preserveScrollPosition"], outputs: ["cursorActivity", "focusChange", "scroll", "drop"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: CodeEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-code-editor', encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: CodeEditorComponent
+                        }
+                    ], standalone: false, template: "<div class=\"editor-container mainDiv\">\n  <mat-label>{{display}}</mat-label>\n\n  @if (snippets?.length) {\n    <div class=\"snippet-header\">\n      <mat-select [(ngModel)]=\"currentSnippet\" class=\"snippet-select\">\n        @for (snippet of snippets; track snippet) {\n          <mat-option [value]=\"snippet\">{{snippet.name}}</mat-option>\n        }\n      </mat-select>\n      <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"insert()\">Insert</button>\n    </div>\n  }\n\n  <ngx-codemirror\n    [(ngModel)]=\"value\"\n    [options]=\"{lineNumbers: true, theme: 'eclipse', indentWithTabs:true, indentUnit: 4, matchBrackets: true, mode: mode, fixedGutter:false, extraKeys: extraKeys}\"\n    class=\"editor-full-width\">\n  </ngx-codemirror>\n</div>", styles: [".CodeMirror{resize:both;padding:0;margin:0}.sameSize{padding:0;margin:0;border:1px solid}.mainDiv{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;min-height:100%}.snippet-header{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%}.snippet-select{flex:1 1 auto}.editor-full-width{width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: SnippetsService }, { type: GlowwService }], propDecorators: { _value: [{
+                type: Input,
+                args: ['value']
+            }], display: [{
+                type: Input,
+                args: ['display']
+            }], mode: [{
+                type: Input,
+                args: ['mode']
+            }], formatter: [{
+                type: Input,
+                args: ['formatter']
+            }], formatterOptions: [{
+                type: Input,
+                args: ['formatterOptions']
+            }], snippets: [{
+                type: Input,
+                args: ['snippets']
+            }], snippetsPath: [{
+                type: Input,
+                args: ['snippetsPath']
+            }], codeMirrorComponent: [{
+                type: ViewChild,
+                args: [CodemirrorComponent]
+            }] } });
+
+class SocialNetworkComponent {
+    //  oAuthAssociations: string[];
+    //  oAuthProviders: string[];
+    constructor(authenticationService) {
+        this.authenticationService = authenticationService;
+        this.callback = new EventEmitter();
+        this.icons = {
+            Google: "fa-brands fa-google",
+            LinkedIN: "fa-brands fa-linkedin",
+            Facebook: "fa-brands fa-facebook",
+            Github: "fa-brands fa-github",
+            Amazon: "fa-brands fa-amazon",
+            Apple: "fa-brands fa-apple",
+            Microsoft: "fa-brands fa-microsoft",
+            Twitter: "fa-brands fa-twitter",
+            VK: "fa-brands fa-vk",
+        };
+        //    this.authenticationService.getOAuthProviders().subscribe(oap => this.oAuthProviders = oap);
+        //   this.authenticationService.getOAuthAssociations().subscribe(oap => this.oAuthAssociations = oap);
+    }
+    ngOnInit() {
+    }
+    execute(provider) {
+        this.callback.emit(provider);
+    }
+    writeobj(provider) {
+        console.log(provider);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SocialNetworkComponent, deps: [{ token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: SocialNetworkComponent, isStandalone: false, selector: "gloww-social-network", inputs: { oAuthProviders: "oAuthProviders" }, outputs: { callback: "callback" }, ngImport: i0, template: "@if (oAuthProviders) {\n  <div class=\"social-network-container\">\n    @for (provider of oAuthProviders; track provider) {\n      <a (click)=\"execute(provider)\" class=\"provider-link\" [title]=\"provider\">\n        <i [ngClass]=\"icons[provider.toString()]\"></i>\n      </a>\n    }\n  </div>\n}", styles: [".social-network-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%;margin:15px 0}.provider-link{cursor:pointer;transition:transform .2s ease-in-out;display:flex;align-items:center;justify-content:center}.provider-link:hover{transform:scale(1.2)}.provider-link i{font-size:24px}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SocialNetworkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-social-network', standalone: false, template: "@if (oAuthProviders) {\n  <div class=\"social-network-container\">\n    @for (provider of oAuthProviders; track provider) {\n      <a (click)=\"execute(provider)\" class=\"provider-link\" [title]=\"provider\">\n        <i [ngClass]=\"icons[provider.toString()]\"></i>\n      </a>\n    }\n  </div>\n}", styles: [".social-network-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%;margin:15px 0}.provider-link{cursor:pointer;transition:transform .2s ease-in-out;display:flex;align-items:center;justify-content:center}.provider-link:hover{transform:scale(1.2)}.provider-link i{font-size:24px}\n"] }]
+        }], ctorParameters: () => [{ type: AuthenticationService }], propDecorators: { oAuthProviders: [{
+                type: Input
+            }], callback: [{
+                type: Output
+            }] } });
+
+class LoginComponent {
+    constructor(formBuilder, route, router, authenticationService, config) {
+        this.formBuilder = formBuilder;
+        this.route = route;
+        this.router = router;
+        this.authenticationService = authenticationService;
+        this.loading = false;
+        this.submitted = false;
+        this.error = '';
+        this.showDomain = false;
+        this.state = 1;
+        // redirect to home if already logged in
+        if (this.authenticationService.currentUserValue) {
+            this.router.navigate(['/']);
+        }
+        this.config = config;
+        if (config && config.showDomain) {
+            this.showDomain = config.showDomain;
+        }
+        this.authenticationService.getOAuthProviders().subscribe(oap => this.oAuthProviders = oap);
+    }
+    MatchPassword(fg) {
+        if (!fg) {
+            return;
+        }
+        return fg.get('newpassword')?.value === fg.get('confirmationPassword')?.value;
+    }
+    ngOnInit() {
+        const grp = {
+            username: ['', Validators.required],
+            password: ['', Validators.required]
+        };
+        const lostPwd = {
+            email: ['', Validators.required],
+            gsm: [''],
+            firstname: ['', Validators.required],
+            lastname: ['', Validators.required]
+        };
+        const resetPwd = {
+            email: ['', Validators.required],
+            code: ['', Validators.required],
+            newPassword: ['', Validators.required],
+            confirmationPassword: ['', Validators.required]
+        };
+        if (this.showDomain) {
+            grp.domain = [''];
+        }
+        this.loginForm = this.formBuilder.group(grp);
+        this.lostPasswordForm = this.formBuilder.group(lostPwd);
+        this.resetPasswordForm = this.formBuilder.group(resetPwd, { validator: this.MatchPassword });
+        // get return url from route parameters or default to '/'
+        this.returnUrl = this.route.snapshot.queryParams.returnUrl; //|| window.location.search;
+        this.application = this.route.snapshot.queryParams.application; //|| window.location.pathname;
+        console.log(`returnUrl : ${this.returnUrl}`);
+        console.log(`application : ${this.application}`);
+        this.idOauth = this.route.snapshot.queryParams.idOauth;
+        this.provider = this.route.snapshot.queryParams.provider;
+        this.name = this.route.snapshot.queryParams.name;
+        this.value = this.route.snapshot.queryParams.value;
+        if (this.idOauth) {
+            this.state = 4;
+        }
+    }
+    // convenience getter for easy access to form fields
+    get f() { return this.loginForm.controls; }
+    resetError() {
+        this.error = "";
+    }
+    onConnect() {
+        this.submitted = true;
+        this.error = "";
+        // stop here if form is invalid
+        if (this.loginForm.invalid) {
+            return;
+        }
+        this.loading = true;
+        let domain = '';
+        if (this.showDomain) {
+            domain = this.f.domain.value;
+        }
+        this.authenticationService.login(domain, this.f.username.value, this.f.password.value)
+            .pipe(first())
+            .subscribe(data => {
+            console.log(`navigate to ${this.returnUrl}`);
+            this.router.navigate([this.returnUrl]);
+        }, error => {
+            if (error.error?.Code) {
+                switch (error.error?.Code) {
+                    case 'BADAUTH':
+                        this.error = 'Utilisateur inconnu ou mauvais mot de passe. Veuillez vérifier vos identifiants.';
+                        break;
+                    case 'WEAKPASSWORD':
+                        this.error = 'Le mot de passe que vous avez utilisez est trop faible. S\'il s\'agit effectivement de votre mot de passe, veuillez le réinitialiser au moyen de la fonctionnalité "Mot de passe oublié". ';
+                        break;
+                    case 'BLACKLISTEDIP':
+                        this.error = `Trop de tentatives de connexion à partir de cette adresse IP(${error.error?.Params?.IP}).Vous ne pouvez plus vous connecter à partir de ce poste.`;
+                        break;
+                    case 'TOOMANYFROMIP':
+                        this.error = `Trop de tentatives de connexion, à partir de cette adresse IP(${error.error?.Params?.IP}).Vous ne pouvez pas réessayer pendant ${error.error?.Params?.nbrMinutes} minutes.`;
+                        break;
+                    case 'TOOMANYFORUSERNAME':
+                        this.error = `Trop de tentatives de connexion pour cet utilisateur(${error.error?.Params?.Username}).Vous ne pouvez pas réessayer pendant ${error.error?.Params?.nbrMinutes} minutes.`;
+                        break;
+                }
+                if (!this.error)
+                    this.error = error.error.Message;
+            }
+            else {
+                this.error = 'Impossible de se connecter. ';
+            }
+            this.loading = false;
+        });
+    }
+    onAskResetPasswordCode() {
+        let gsm = this.lostPasswordForm.value.gsm;
+        if (!this.config?.askGSM) {
+            gsm = '--noGSM--';
+        }
+        this.authenticationService
+            .askResetPasswordCode('', this.lostPasswordForm.value.firstname, this.lostPasswordForm.value.lastname, this.lostPasswordForm.value.email, gsm)
+            .subscribe(d => { }, error => { });
+        this.state = 3;
+    }
+    onResetPassword() {
+        this.authenticationService
+            .resetPassword(this.resetPasswordForm.value.email, this.resetPasswordForm.value.code, this.resetPasswordForm.value.newPassword)
+            .subscribe(d => { }, error => { });
+        this.state = 1;
+    }
+    OAuthSignIn(provider) {
+        const url = `${window.location.origin}/admin/AuthUsers/OAuth/${provider}/${this.config.environment}?returnUrl=${encodeURI(this.returnUrl)}&application=${encodeURI(this.application)}&loginUrl=${encodeURI(window.location.pathname)}&currentUserVariableName=${this.authenticationService.currentUserVariableName}`;
+        window.location.href = url;
+    }
+    onOAuthAskCode() {
+        this.authenticationService
+            .OAuthAskCode(this.authenticationService.environment, this.resetPasswordForm.value.email, this.idOauth, this.provider, this.name, this.value)
+            .subscribe(d => {
+            this.state = 5;
+        }, error => { });
+    }
+    onOAuthAssociation() {
+        this.authenticationService
+            .OAuthAssociation(this.authenticationService.environment, this.resetPasswordForm.value.code, this.idOauth, this.provider, this.name, this.value)
+            .subscribe(user => {
+            console.log(user);
+            window.location.href = this.returnUrl;
+        }, error => { });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: LoginComponent, deps: [{ token: i1$3.UntypedFormBuilder }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: AuthenticationService }, { token: AuthenticationServiceConfig, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: LoginComponent, isStandalone: false, selector: "gloww-login", ngImport: i0, template: "<div class=\"login-wrapper center-layout\">\n  <mat-card appearance=\"outlined\" class=\"login-card\">\n    <mat-card-header>\n      <mat-card-title>Connexion</mat-card-title>\n    </mat-card-header>\n\n    @if (state==1) {\n      <form class=\"example-form\" [formGroup]=\"loginForm\" (ngSubmit)=\"onConnect()\">\n        <mat-card-content class=\"form-grid\">\n          @if (error) {\n            <span class=\"error-msg full-width\">{{error}}</span>\n          }\n          @if (showDomain) {\n            <mat-form-field class=\"full-width\">\n              <mat-label>Domain</mat-label>\n              <input matInput formControlName=\"domain\" (change)=\"resetError()\">\n            </mat-form-field>\n          }\n          <mat-form-field class=\"full-width\">\n            <mat-label>Username</mat-label>\n            <input matInput formControlName=\"username\" (change)=\"resetError()\">\n          </mat-form-field>\n          <mat-form-field class=\"full-width\">\n            <mat-label>Password</mat-label>\n            <input matInput formControlName=\"password\" type=\"password\" (change)=\"resetError()\">\n          </mat-form-field>\n        </mat-card-content>\n        <div class=\"action-buttons-row\">\n          <button mat-raised-button color=\"primary\" type=\"submit\">Me Connecter</button>\n          <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"state=2; resetError();\">\n            Mot de passe oubli\u00E9\n          </button>\n        </div>\n        <div class=\"social-divider\">\n          <gloww-social-network (callback)=\"OAuthSignIn($event)\" [oAuthProviders]=\"oAuthProviders\"></gloww-social-network>\n        </div>\n      </form>\n    }\n\n    @if (state==2) {\n      <form class=\"example-form\" [formGroup]=\"lostPasswordForm\" (ngSubmit)=\"onAskResetPasswordCode()\">\n        <mat-card-content class=\"form-grid\">\n          @if (error) {\n            <span class=\"error-msg full-width\">{{error}}</span>\n          }\n        </mat-card-content>\n        <div class=\"action-buttons-column\">\n          <button mat-raised-button color=\"primary\" class=\"btn-block\" type=\"submit\">Demande de r\u00E9initialisation</button>\n          <button mat-stroked-button color=\"primary\" class=\"btn-block\" (click)=\"state=3\">J'ai un code</button>\n        </div>\n      </form>\n    }\n\n  </mat-card>\n</div>", styles: ["body{background-image:url(https://lh4.googleusercontent.com/-XplyTa1Za-I/VMSgIyAYkHI/AAAAAAAADxM/oL-rD6VP4ts/w1184-h666/Android-Lollipop-wallpapers-Google-Now-Wallpaper-2.png);background-position:center;background-size:cover;background-repeat:no-repeat;min-height:100vh;font-family:Roboto,sans-serif;margin:0}.login-wrapper{height:100vh;display:flex}.center-layout{justify-content:center;align-items:center}.login-card{padding:40px 70px 50px!important;max-width:500px;width:100%}.login-card mat-card-header{text-align:center;display:block;font-weight:700;margin-bottom:20px}.login-card mat-card-header mat-card-title{font-size:30px;margin:0}.form-grid{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}.full-width{flex:1 1 100%;width:100%}.error-msg{color:red;font-weight:700;margin-bottom:10px}.action-buttons-row{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:20px;margin-top:20px}.action-buttons-column{display:flex;flex-direction:column;gap:10px;margin-top:20px}.action-buttons-column .btn-block{width:100%}.social-divider{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.SocialNetwork a{margin:10px}.SocialNetwork a i{padding:10px}\n"], dependencies: [{ kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: i4.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: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i3$1.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3$1.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3$1.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: SocialNetworkComponent, selector: "gloww-social-network", inputs: ["oAuthProviders"], outputs: ["callback"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: LoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-login', standalone: false, template: "<div class=\"login-wrapper center-layout\">\n  <mat-card appearance=\"outlined\" class=\"login-card\">\n    <mat-card-header>\n      <mat-card-title>Connexion</mat-card-title>\n    </mat-card-header>\n\n    @if (state==1) {\n      <form class=\"example-form\" [formGroup]=\"loginForm\" (ngSubmit)=\"onConnect()\">\n        <mat-card-content class=\"form-grid\">\n          @if (error) {\n            <span class=\"error-msg full-width\">{{error}}</span>\n          }\n          @if (showDomain) {\n            <mat-form-field class=\"full-width\">\n              <mat-label>Domain</mat-label>\n              <input matInput formControlName=\"domain\" (change)=\"resetError()\">\n            </mat-form-field>\n          }\n          <mat-form-field class=\"full-width\">\n            <mat-label>Username</mat-label>\n            <input matInput formControlName=\"username\" (change)=\"resetError()\">\n          </mat-form-field>\n          <mat-form-field class=\"full-width\">\n            <mat-label>Password</mat-label>\n            <input matInput formControlName=\"password\" type=\"password\" (change)=\"resetError()\">\n          </mat-form-field>\n        </mat-card-content>\n        <div class=\"action-buttons-row\">\n          <button mat-raised-button color=\"primary\" type=\"submit\">Me Connecter</button>\n          <button mat-stroked-button color=\"primary\" type=\"button\" (click)=\"state=2; resetError();\">\n            Mot de passe oubli\u00E9\n          </button>\n        </div>\n        <div class=\"social-divider\">\n          <gloww-social-network (callback)=\"OAuthSignIn($event)\" [oAuthProviders]=\"oAuthProviders\"></gloww-social-network>\n        </div>\n      </form>\n    }\n\n    @if (state==2) {\n      <form class=\"example-form\" [formGroup]=\"lostPasswordForm\" (ngSubmit)=\"onAskResetPasswordCode()\">\n        <mat-card-content class=\"form-grid\">\n          @if (error) {\n            <span class=\"error-msg full-width\">{{error}}</span>\n          }\n        </mat-card-content>\n        <div class=\"action-buttons-column\">\n          <button mat-raised-button color=\"primary\" class=\"btn-block\" type=\"submit\">Demande de r\u00E9initialisation</button>\n          <button mat-stroked-button color=\"primary\" class=\"btn-block\" (click)=\"state=3\">J'ai un code</button>\n        </div>\n      </form>\n    }\n\n  </mat-card>\n</div>", styles: ["body{background-image:url(https://lh4.googleusercontent.com/-XplyTa1Za-I/VMSgIyAYkHI/AAAAAAAADxM/oL-rD6VP4ts/w1184-h666/Android-Lollipop-wallpapers-Google-Now-Wallpaper-2.png);background-position:center;background-size:cover;background-repeat:no-repeat;min-height:100vh;font-family:Roboto,sans-serif;margin:0}.login-wrapper{height:100vh;display:flex}.center-layout{justify-content:center;align-items:center}.login-card{padding:40px 70px 50px!important;max-width:500px;width:100%}.login-card mat-card-header{text-align:center;display:block;font-weight:700;margin-bottom:20px}.login-card mat-card-header mat-card-title{font-size:30px;margin:0}.form-grid{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}.full-width{flex:1 1 100%;width:100%}.error-msg{color:red;font-weight:700;margin-bottom:10px}.action-buttons-row{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:20px;margin-top:20px}.action-buttons-column{display:flex;flex-direction:column;gap:10px;margin-top:20px}.action-buttons-column .btn-block{width:100%}.social-divider{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.SocialNetwork a{margin:10px}.SocialNetwork a i{padding:10px}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }, { type: i2.ActivatedRoute }, { type: i2.Router }, { type: AuthenticationService }, { type: AuthenticationServiceConfig, decorators: [{
+                    type: Optional
+                }] }] });
+
+class JwtInterceptor {
+    constructor(authenticationService) {
+        this.authenticationService = authenticationService;
+    }
+    intercept(request, next) {
+        // add authorization header with jwt token if available
+        try {
+            const currentUser = this.authenticationService.currentUserValue;
+            if (currentUser && currentUser.Token) {
+                request = request.clone({
+                    setHeaders: {
+                        Authorization: `Bearer ${currentUser.Token}`
+                    }
+                });
+            }
+        }
+        catch (e) {
+            console.log(`jwt interceptor ${e}`);
+        }
+        return next.handle(request);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: JwtInterceptor, deps: [{ token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: JwtInterceptor }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: JwtInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: AuthenticationService }] });
+
+class ErrorInterceptor {
+    constructor(authenticationService) {
+        this.authenticationService = authenticationService;
+    }
+    intercept(request, next) {
+        return next.handle(request).pipe(catchError(err => {
+            if (err.status === 401) {
+                // auto logout if 401 response returned from api
+                this.authenticationService.logout();
+                location.reload();
+            }
+            const error = err.error ? (err.error.message || err.StatusText) : err.statusText;
+            if (console)
+                console.log(err);
+            return throwError(err);
+        }));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorInterceptor, deps: [{ token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorInterceptor }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ErrorInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: AuthenticationService }] });
+
+class ChangePasswordDlgComponent {
+    constructor(formBuilder, dialogRef, authenticationService) {
+        this.formBuilder = formBuilder;
+        this.dialogRef = dialogRef;
+        this.authenticationService = authenticationService;
+        this.form = this.formBuilder.group({
+            oldpassword: ['', Validators.required],
+            newpassword: ['', Validators.required],
+            confirmationpassword: ['', Validators.required]
+        }, { validator: c => c.get('newpassword').value === c.get('confirmationpassword').value });
+    }
+    ngOnInit() {
+    }
+    resetError() {
+        this.error = '';
+    }
+    onSubmit() {
+        this.resetError();
+        if (this.form.invalid) {
+            return;
+        }
+        const user = this.authenticationService.currentUserValue;
+        this.authenticationService.changePassword('', user.username, this.form.value.oldpassword, this.form.value.newpassword).subscribe(r => this.dialogRef.close(true), error => {
+            switch (error.error?.Code) {
+                case 'COMPLEXITY':
+                    this.error = 'Le mot de passe souhaitez n\'est pas suffisamment complexe. Veuillez utiliser un mot de passe long (8 caractères minimum) combinant des majuscules, minuscules, chiffres et caractères spéciaux.';
+                    break;
+                case 'BADAUTH':
+                    this.error = 'Utilisateur inconnu ou mauvais mot de passe. Veuillez vérifier vos identifiants.';
+                    break;
+                case 'WEAKPASSWORD':
+                    this.error = 'Le mot de passe que vous avez utilisez est trop faible. S\'il s\'agit effectivement de votre mot de passe, veuillez le réinitialiser au moyen de la fonctionnalité "Mot de passe oublié". ';
+                    break;
+                case 'BLACKLISTEDIP':
+                    this.error = `Trop de tentatives de connexion à partir de cette adresse IP (${error.error?.Params?.IP}). Vous ne pouvez plus vous connecter à partir de ce poste.`;
+                    break;
+                case 'TOOMANYFROMIP':
+                    this.error = `Trop de tentatives de connexion, à partir de cette adresse IP (${error.error?.Params?.IP}). Vous ne pouvez pas réessayer pendant ${error.error?.Params?.nbrMinutes} minutes.`;
+                    break;
+                case 'TOOMANYFORUSERNAME':
+                    this.error = `Trop de tentatives de connexion pour cet utilisateur (${error.error?.Params?.Username}). Vous ne pouvez pas réessayer pendant ${error.error?.Params?.nbrMinutes} minutes.`;
+                    break;
+            }
+            this.error = error.error.Message;
+        });
+    }
+    cancel() {
+        this.dialogRef.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ChangePasswordDlgComponent, deps: [{ token: i1$3.UntypedFormBuilder }, { token: i1$2.MatDialogRef }, { token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ChangePasswordDlgComponent, isStandalone: false, selector: "gloww-change-password-dlg", ngImport: i0, template: "<h2 mat-dialog-title>Change Password</h2>\n\n<form class=\"password-form\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <mat-dialog-content>\n    <div class=\"form-container\">\n      @if (error) {\n        <div class=\"error-msg full-width\">\n          {{error}}\n        </div>\n      }\n\n      <mat-form-field class=\"full-width\" appearance=\"outline\">\n        <mat-label>Old Password</mat-label>\n        <input matInput formControlName=\"oldpassword\" type=\"password\" (change)=\"resetError()\">\n      </mat-form-field>\n\n      <mat-form-field class=\"full-width\" appearance=\"outline\">\n        <mat-label>New Password</mat-label>\n        <input matInput formControlName=\"newpassword\" type=\"password\" (change)=\"resetError()\">\n      </mat-form-field>\n\n      <mat-form-field class=\"full-width\" appearance=\"outline\">\n        <mat-label>Confirmation</mat-label>\n        <input matInput formControlName=\"confirmationpassword\" type=\"password\" (change)=\"resetError()\">\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n\n  <mat-dialog-actions align=\"end\">\n    <button mat-button (click)=\"cancel()\">Cancel</button>\n    <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid\">\n      Change Password\n    </button>\n  </mat-dialog-actions>\n</form>", styles: [".form-container{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding-top:10px}.full-width{width:100%;flex:1 1 100%}.error-msg{color:red;font-weight:700;margin-bottom:10px;font-size:.9em}mat-dialog-actions{gap:12px;padding:16px 0!important}@media (max-width: 600px){.btn-block{width:100%;margin:5px 0}}\n"], dependencies: [{ kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: i4.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: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ChangePasswordDlgComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-change-password-dlg', standalone: false, template: "<h2 mat-dialog-title>Change Password</h2>\n\n<form class=\"password-form\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\n  <mat-dialog-content>\n    <div class=\"form-container\">\n      @if (error) {\n        <div class=\"error-msg full-width\">\n          {{error}}\n        </div>\n      }\n\n      <mat-form-field class=\"full-width\" appearance=\"outline\">\n        <mat-label>Old Password</mat-label>\n        <input matInput formControlName=\"oldpassword\" type=\"password\" (change)=\"resetError()\">\n      </mat-form-field>\n\n      <mat-form-field class=\"full-width\" appearance=\"outline\">\n        <mat-label>New Password</mat-label>\n        <input matInput formControlName=\"newpassword\" type=\"password\" (change)=\"resetError()\">\n      </mat-form-field>\n\n      <mat-form-field class=\"full-width\" appearance=\"outline\">\n        <mat-label>Confirmation</mat-label>\n        <input matInput formControlName=\"confirmationpassword\" type=\"password\" (change)=\"resetError()\">\n      </mat-form-field>\n    </div>\n  </mat-dialog-content>\n\n  <mat-dialog-actions align=\"end\">\n    <button mat-button (click)=\"cancel()\">Cancel</button>\n    <button mat-raised-button color=\"primary\" type=\"submit\" [disabled]=\"form.invalid\">\n      Change Password\n    </button>\n  </mat-dialog-actions>\n</form>", styles: [".form-container{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding-top:10px}.full-width{width:100%;flex:1 1 100%}.error-msg{color:red;font-weight:700;margin-bottom:10px;font-size:.9em}mat-dialog-actions{gap:12px;padding:16px 0!important}@media (max-width: 600px){.btn-block{width:100%;margin:5px 0}}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }, { type: i1$2.MatDialogRef }, { type: AuthenticationService }] });
+
+class SocialNetworkDlgComponent {
+    constructor(dialogRef, authenticationService, dialog, config) {
+        this.dialogRef = dialogRef;
+        this.authenticationService = authenticationService;
+        this.dialog = dialog;
+        this.config = config;
+        this.authenticationService.getOAuthProviders().subscribe(oap => this.oAuthProviders = oap);
+        this.authenticationService.getOAuthAssociations().subscribe(oap => {
+            this.oAuthAssociations = oap; //oap.map(item => Object.assign(new Oauthassociation(), item));
+        });
+    }
+    ngOnInit() {
+    }
+    OK() {
+        this.dialogRef.close();
+    }
+    OAuthAddAssociation(provider) {
+        const url = `${window.location.origin}/admin/AuthUsers/OAuth/${provider}/${this.config.environment}`;
+        window.location.href = url;
+    }
+    OAuthDeleteAssociation(association) {
+        this.authenticationService.OAuthDeleteAssociation(association.provider, association.idOAuth).subscribe(result => {
+            alert("Association supprimée");
+            const index = this.oAuthAssociations.indexOf(association, 0);
+            if (index >= 0) {
+                this.oAuthAssociations.splice(index, 1);
+            }
+            else {
+                alert("unable to delete item");
+            }
+            //this.oAuthAssociations.find(a => a === association
+        }, error => {
+            alert('Impossible d\'effacer l\'association');
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SocialNetworkDlgComponent, deps: [{ token: i1$2.MatDialogRef }, { token: AuthenticationService }, { token: i1$2.MatDialog }, { token: AuthenticationServiceConfig, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: SocialNetworkDlgComponent, isStandalone: false, selector: "gloww-social-network-dlg", ngImport: i0, template: "<h2 mat-dialog-title>Gestion des identifications par r\u00E9seaux sociaux</h2>\r\n<mat-dialog-content>\r\n    <h3>Associations \u00E9tablies</h3>\r\n    <p>Choisissez l'association que vous souhaitez supprimer</p>\r\n    <gloww-social-network (callback)=\"OAuthDeleteAssociation($event)\" [oAuthProviders]=\"oAuthAssociations\"></gloww-social-network>\r\n    <h3>Nouvelle association</h3>\r\n    <p>Choisissez le provider</p>\r\n    <gloww-social-network (callback)=\"OAuthAddAssociation($event)\" [oAuthProviders]=\"oAuthProviders\"></gloww-social-network>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n    <button mat-stroked-button color=\"accent\" class=\"btn-block\" (click)=\"OK() \">OK</button>\r\n</mat-dialog-actions>", styles: [".dummy{color:red}\n"], dependencies: [{ kind: "component", type: i4.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: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: SocialNetworkComponent, selector: "gloww-social-network", inputs: ["oAuthProviders"], outputs: ["callback"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SocialNetworkDlgComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-social-network-dlg', standalone: false, template: "<h2 mat-dialog-title>Gestion des identifications par r\u00E9seaux sociaux</h2>\r\n<mat-dialog-content>\r\n    <h3>Associations \u00E9tablies</h3>\r\n    <p>Choisissez l'association que vous souhaitez supprimer</p>\r\n    <gloww-social-network (callback)=\"OAuthDeleteAssociation($event)\" [oAuthProviders]=\"oAuthAssociations\"></gloww-social-network>\r\n    <h3>Nouvelle association</h3>\r\n    <p>Choisissez le provider</p>\r\n    <gloww-social-network (callback)=\"OAuthAddAssociation($event)\" [oAuthProviders]=\"oAuthProviders\"></gloww-social-network>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n    <button mat-stroked-button color=\"accent\" class=\"btn-block\" (click)=\"OK() \">OK</button>\r\n</mat-dialog-actions>", styles: [".dummy{color:red}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.MatDialogRef }, { type: AuthenticationService }, { type: i1$2.MatDialog }, { type: AuthenticationServiceConfig, decorators: [{
+                    type: Optional
+                }] }] });
+
+class UserMenuComponent {
+    constructor(authenticationService, dialog, router) {
+        this.authenticationService = authenticationService;
+        this.dialog = dialog;
+        this.router = router;
+        this.size = '1x';
+        this.imageUser = null;
+        this.loginpage = '';
+        this.showMenuUser = false;
+        this.connected = false;
+        const person = this.authenticationService.currentUserValue;
+        if (person && person.UserInfo) {
+            this.connected = true;
+            if (person.UserInfo.Picture) {
+                this.imageUser = '/' + authenticationService.environment + '/' + person.UserInfo.Picture;
+            }
+        }
+        this.authenticationService.getOAuthProviders().subscribe(oap => this.oAuthProviders = oap);
+    }
+    ngOnInit() {
+    }
+    Logout() {
+        this.showMenuUser = false;
+        this.authenticationService.logout();
+        this.router.navigate(['/']);
+    }
+    ChangePassword() {
+        this.showMenuUser = true;
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.disableClose = true;
+        dialogConfig.autoFocus = true;
+        dialogConfig.closeOnNavigation = false;
+        this.dialog.open(ChangePasswordDlgComponent, dialogConfig).afterClosed().subscribe(result => {
+            if (result) {
+                alert('Password Changed');
+            }
+        });
+    }
+    toggleMenuUser() {
+        this.showMenuUser = !this.showMenuUser;
+    }
+    Configuration() {
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.disableClose = true;
+        dialogConfig.autoFocus = true;
+        dialogConfig.closeOnNavigation = false;
+        this.dialog.open(SocialNetworkDlgComponent, dialogConfig).afterClosed().subscribe(result => {
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UserMenuComponent, deps: [{ token: AuthenticationService }, { token: i1$2.MatDialog }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: UserMenuComponent, isStandalone: false, selector: "gloww-user-menu", inputs: { size: "size", imageUser: "imageUser", loginpage: "loginpage" }, ngImport: i0, template: "@if (connected) {\n  <div>\n    <span (click)=\"toggleMenuUser()\">\n      @if (imageUser) {\n        <img [src]=\"imageUser\" style=\"height:40px;float:left; padding-left:20px\" />\n      }\n      @if (!imageUser) {\n        <i [ngClass]=\"'fal fa-user '+size\" style=\"float:left; padding-left:10px\">\n          <!--[size]=\"size\"-->\n        </i>\n      }\n    </span>\n    @if (showMenuUser) {\n      <div class=\"menuUser\">\n        <ul class=\"menuSec\" style=\"border: solid lightgrey;\">\n          <li (click)=\"ChangePassword()\">\n            <i class=\"fal fa-key-skeleton\"></i>Change Password\n          </li>\n          @if (oAuthProviders && oAuthProviders.length) {\n            <li (click)=\"Configuration()\">\n              <i class=\"fal fa-tools\"></i>Configuration\n            </li>\n          }\n          <li (click)=\"Logout()\">\n            <i class=\"fal fa-sign-out\"></i>D\u00E9connexion\n          </li>\n        </ul>\n      </div>\n    }\n  </div>\n}\n@if (!connected && loginpage) {\n  <div>\n    <span style=\"height:40px;float:left; padding-left:20px\" [routerLink]=\"loginpage\">Connexion</span>\n  </div>\n}\n", styles: [".menuUser{position:relative}.menuUser ul{text-align:left;position:absolute;top:30px;left:-115px;width:150px;padding:10px;z-index:20;background-color:#fff;font-size:13px;color:#000}.menuUser ul li{height:30px;list-style-type:none}.menuUser ul li i{padding-right:10px;height:30px}ul.menuSec li{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UserMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-user-menu', standalone: false, template: "@if (connected) {\n  <div>\n    <span (click)=\"toggleMenuUser()\">\n      @if (imageUser) {\n        <img [src]=\"imageUser\" style=\"height:40px;float:left; padding-left:20px\" />\n      }\n      @if (!imageUser) {\n        <i [ngClass]=\"'fal fa-user '+size\" style=\"float:left; padding-left:10px\">\n          <!--[size]=\"size\"-->\n        </i>\n      }\n    </span>\n    @if (showMenuUser) {\n      <div class=\"menuUser\">\n        <ul class=\"menuSec\" style=\"border: solid lightgrey;\">\n          <li (click)=\"ChangePassword()\">\n            <i class=\"fal fa-key-skeleton\"></i>Change Password\n          </li>\n          @if (oAuthProviders && oAuthProviders.length) {\n            <li (click)=\"Configuration()\">\n              <i class=\"fal fa-tools\"></i>Configuration\n            </li>\n          }\n          <li (click)=\"Logout()\">\n            <i class=\"fal fa-sign-out\"></i>D\u00E9connexion\n          </li>\n        </ul>\n      </div>\n    }\n  </div>\n}\n@if (!connected && loginpage) {\n  <div>\n    <span style=\"height:40px;float:left; padding-left:20px\" [routerLink]=\"loginpage\">Connexion</span>\n  </div>\n}\n", styles: [".menuUser{position:relative}.menuUser ul{text-align:left;position:absolute;top:30px;left:-115px;width:150px;padding:10px;z-index:20;background-color:#fff;font-size:13px;color:#000}.menuUser ul li{height:30px;list-style-type:none}.menuUser ul li i{padding-right:10px;height:30px}ul.menuSec li{cursor:pointer}\n"] }]
+        }], ctorParameters: () => [{ type: AuthenticationService }, { type: i1$2.MatDialog }, { type: i2.Router }], propDecorators: { size: [{
+                type: Input
+            }], imageUser: [{
+                type: Input
+            }], loginpage: [{
+                type: Input
+            }] } });
+
+class StagingInterceptor {
+    constructor() { }
+    intercept(request, next) {
+        // add authorization header with jwt token if available
+        try {
+            if (!request.url.match(/version\.json(\?|$)/ig)) {
+                console.log(`Replace ${request.url}`);
+                return next.handle(request.clone({ url: request.url.replace("__Staging", "") }));
+            }
+        }
+        catch (e) {
+            console.log(`staging interceptor ${e}`);
+        }
+        return next.handle(request);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: StagingInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: StagingInterceptor }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: StagingInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [] });
+
+class AuthGuard {
+    constructor(router, authenticationService, platformLocation
+    //@Inject(APP_BASE_HREF) baseHref: string
+    ) {
+        this.router = router;
+        this.authenticationService = authenticationService;
+        this.platformLocation = platformLocation;
+        this.baseHref = null;
+        this.baseHref = platformLocation.getBaseHrefFromDOM();
+    }
+    canActivate(route, state) {
+        const currentUser = this.authenticationService.currentUserValue;
+        if (currentUser) {
+            // logged in so return true
+            const jwtToken = jwt_decode(currentUser.Token);
+            if (Date.now() < jwtToken.exp * 1000) {
+                return true;
+            }
+            else {
+                this.authenticationService.logout();
+            }
+        }
+        const vd = window.location.pathname;
+        if (vd.endsWith("/login")) {
+            return true;
+        }
+        console.log(window.location);
+        console.log(route);
+        console.log(state);
+        console.log(state.url);
+        console.log(window.location.search);
+        console.log(window.location.pathname);
+        const returnUrl = window.location.pathname.substr(this.baseHref.length);
+        //let application = window.location.pathname.substr(0, window.location.pathname.length - state.url.length);
+        /*if (state.url === '/') {
+          application = window.location.pathname.endsWith("/") ? application.substr(0, window.location.pathname.length - 1) : window.location.pathname;
+        }
+        if (!application) { application = '/'; }
+        console.log(application);*/
+        // not logged in so redirect to login page with the return url
+        this.router.navigate(['/login'], { queryParams: { returnUrl: `${returnUrl}${window.location.search}`, application: `${this.baseHref}` } });
+        return false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthGuard, deps: [{ token: i2.Router }, { token: AuthenticationService }, { token: i3.PlatformLocation }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthGuard, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AuthGuard, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [{ type: i2.Router }, { type: AuthenticationService }, { type: i3.PlatformLocation }] });
+
+class AdministratorGuard {
+    constructor(router, authenticationService, platformLocation
+    //@Inject(APP_BASE_HREF) baseHref: string
+    ) {
+        this.router = router;
+        this.authenticationService = authenticationService;
+        this.platformLocation = platformLocation;
+    }
+    canActivate(route, state) {
+        const currentUser = this.authenticationService.currentUserValue.UserInfo;
+        return currentUser.IsAdministrator || currentUser.isAdministrator;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AdministratorGuard, deps: [{ token: i2.Router }, { token: AuthenticationService }, { token: i3.PlatformLocation }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AdministratorGuard, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AdministratorGuard, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i2.Router }, { type: AuthenticationService }, { type: i3.PlatformLocation }] });
+
+class GlowwSecurityModule {
+    static forRoot(authenticationServiceConfig) {
+        /*
+            var socialLoginProviders = {
+              provide: 'SocialAuthServiceConfig',
+              useValue: {
+                autoLogin: false,
+                providers: [
+                ],
+                onError: (err) => {
+                  console.error(err);
+                }
+              } as SocialAuthServiceConfig,
+            };
+    
+            if (authenticationServiceConfig.googleClientId) {
+              socialLoginProviders.useValue.providers.push(
+                {
+                  id: GoogleLoginProvider.PROVIDER_ID,
+                  provider: new GoogleLoginProvider(
+                    authenticationServiceConfig.googleClientId
+                  )
+                }
+              )
+            }
+            if (authenticationServiceConfig.facebookClientId) {
+              socialLoginProviders.useValue.providers.push(
+                {
+                  id: FacebookLoginProvider.PROVIDER_ID,
+                  provider: new FacebookLoginProvider(
+                    authenticationServiceConfig.facebookClientId
+                  )
+                }
+              )
+            }
+            if (authenticationServiceConfig.amazonClientId) {
+              socialLoginProviders.useValue.providers.push(
+                {
+                  id: AmazonLoginProvider.PROVIDER_ID,
+                  provider: new AmazonLoginProvider(
+                    authenticationServiceConfig.amazonClientId
+                  )
+                }
+              )
+            }
+            if (authenticationServiceConfig.microsoftClientId) {
+              socialLoginProviders.useValue.providers.push(
+                {
+                  id: MicrosoftLoginProvider.PROVIDER_ID,
+                  provider: new MicrosoftLoginProvider(
+                    authenticationServiceConfig.microsoftClientId
+                  )
+                }
+              )
+            }
+        */
+        return {
+            ngModule: GlowwSecurityModule,
+            providers: [
+                AuthenticationService,
+                AuthenticationServiceConfig,
+                { provide: AuthenticationServiceConfig, useValue: authenticationServiceConfig },
+                { provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true },
+                { provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptor, multi: true },
+                //{ provide: HTTP_INTERCEPTORS, useClass: StagingInterceptor, multi: true },
+                //socialLoginProviders
+            ]
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlowwSecurityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: GlowwSecurityModule, declarations: [LoginComponent,
+            ChangePasswordDlgComponent,
+            UserMenuComponent,
+            SocialNetworkDlgComponent,
+            SocialNetworkComponent], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            BrowserModule,
+            BrowserAnimationsModule,
+            MatToolbarModule,
+            MatButtonModule,
+            MatSidenavModule,
+            MatInputModule,
+            MatFormFieldModule,
+            MatCardModule,
+            MatDialogModule,
+            RouterModule], exports: [LoginComponent, RouterModule, UserMenuComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlowwSecurityModule, providers: [provideHttpClient(withInterceptorsFromDi())], imports: [CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            BrowserModule,
+            BrowserAnimationsModule,
+            MatToolbarModule,
+            MatButtonModule,
+            MatSidenavModule,
+            MatInputModule,
+            MatFormFieldModule,
+            MatCardModule,
+            MatDialogModule,
+            RouterModule, RouterModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlowwSecurityModule, decorators: [{
+            type: NgModule,
+            args: [{ declarations: [
+                        LoginComponent,
+                        ChangePasswordDlgComponent,
+                        UserMenuComponent,
+                        SocialNetworkDlgComponent,
+                        SocialNetworkComponent
+                    ],
+                    exports: [LoginComponent, RouterModule, UserMenuComponent], imports: [CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        BrowserModule,
+                        BrowserAnimationsModule,
+                        MatToolbarModule,
+                        MatButtonModule,
+                        MatSidenavModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        MatCardModule,
+                        MatDialogModule,
+                        RouterModule], providers: [provideHttpClient(withInterceptorsFromDi())] }]
+        }] });
+
+class HtmlFormatPipe {
+    constructor(_sanitizer) {
+        this._sanitizer = _sanitizer;
+    }
+    transform(value, ...args) {
+        const newval = value.replace(/(^\s*\w|\.\s\w)/g, m => m.toUpperCase()).replace(/\s\./ig, '').replace(/\s*Nouvelle ligne\s*.\s*/ig, '<br/>').trim();
+        if (!this._sanitizer)
+            return newval;
+        return this._sanitizer.bypassSecurityTrustHtml(newval);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HtmlFormatPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: HtmlFormatPipe, isStandalone: false, name: "htmlFormat" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HtmlFormatPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'htmlFormat',
+                    standalone: false
+                }]
+        }], ctorParameters: () => [{ type: i1$1.DomSanitizer }] });
+
+class HtmlEditorComponent {
+    cancel() {
+        this.voiceRecognitionService.stop();
+        //CCH this.tb = undefined;
+        this.dialogRef?.close();
+    }
+    paste() {
+        //CCH this.tb?.insertHtml(new HtmlFormatPipe().transform(this.voiceRecognitionService.text));
+        this.voiceRecognitionService.stop();
+        //CCH this.tb = undefined;
+        this.dialogRef?.close();
+    }
+    constructor(sanitizer, authenticationService, voiceRecognitionService, dialog) {
+        this.sanitizer = sanitizer;
+        this.authenticationService = authenticationService;
+        this.voiceRecognitionService = voiceRecognitionService;
+        this.dialog = dialog;
+        //@Input() formControlName: string = "";
+        this.placeHolder = "";
+        this._value = null;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.allowedStyles = ['text-align'];
+        this.allowedTags = ['p', 'span', 'div', 'hr', 'br', 'b', 'i', 'u', 'sup', 'sub', 'strike', 'ol', 'ul', 'li'];
+        this.editorConfig = {
+            editable: true,
+            spellcheck: true,
+            height: 'auto',
+            minHeight: '75px',
+            maxHeight: 'auto',
+            width: 'auto',
+            minWidth: '0',
+            translate: 'yes',
+            enableToolbar: true,
+            showToolbar: true,
+            placeholder: 'Enter text here...',
+            defaultParagraphSeparator: 'p',
+            defaultFontName: '',
+            defaultFontSize: '3',
+            fonts: [
+                { class: 'arial', name: 'Arial' }
+            ],
+            customClasses: [
+                {
+                    name: 'quote',
+                    class: 'quote',
+                }
+            ],
+            uploadUrl: 'v1/image',
+            uploadWithCredentials: false,
+            //cch sanitize: (html: string) => this.sanitize(html),
+            toolbarPosition: 'top',
+            toolbarHiddenButtons: [
+                ['insertImage', 'insertVideo', 'customClasses', 'heading', 'heading',
+                    'fontName',
+                    'fontSize',
+                    'textColor',
+                    'backgroundColor', !this.isAdministrator() ? 'toggleEditorMode' : '']
+            ],
+            /*    additionalButtons: [
+                  {
+                    title: 'Speech Recognition',
+                    click: (tb: AngularEditorToolbarComponent, event) => {
+                      this.tb = tb;
+                      tb.focus();
+                      this.voiceRecognitionService.start();
+                      this.voiceRecognitionService.text = "";
+                      this.dialogRef = this.dialog.open(this.voiceRecognitionTemplate, {
+                        width: '550px'
+                      });
+            
+                    },
+                    icon: 'fas fa-comment-plus'
+                  }
+                ]*/
+        };
+        this.voiceRecognitionService.init();
+    }
+    get value() {
+        return this._value;
+    }
+    set value(val) {
+        this._value = val;
+        this.onChange(val);
+        this.onTouched();
+    }
+    writeValue(obj) {
+        if (obj) {
+            this.value = obj;
+        }
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    sanitize(html) {
+        let itres = this.sanitizer.sanitize(SecurityContext.STYLE, html)?.replace(new RegExp('\\</?[a-z]+:[a-z]+\\>', 'gi'), '').replace(/class="Mso[a-z]+"/ig, '');
+        const matchTags = itres?.match(/<\s*\/?(?<tag>[a-z0-9]+)\s*[^>]*>/ig);
+        matchTags?.forEach(m => {
+            const matchTag = m.match(/<\s*\/?(?<tag>[a-z0-9]+)\s*[^>]*>/i);
+            if (matchTag?.groups && this.allowedTags.indexOf(matchTag?.groups['tag']) < 0) {
+                itres = itres?.replace(m, '');
+            }
+        });
+        while (true) {
+            const matchStyle = itres?.match(/style\s*=\s*"(?<style>[^"]+)"/i);
+            if (!matchStyle || !matchStyle?.groups) {
+                break;
+            }
+            const styles = matchStyle?.groups['style']?.replace(/&quot;/ig, '"');
+            const smatches = styles.match(/(?<name>[^;:]+)\s*:\s*(?<value>[^;]+);*/ig);
+            const newStyles = [];
+            smatches?.forEach((v, i, a) => {
+                const ssmatches = v.match(/(?<name>[^;:]+)\s*:\s*(?<value>[^;]+);*/i);
+                if (ssmatches?.groups) {
+                    const name = ssmatches?.groups['name'];
+                    if (this.allowedStyles.indexOf(name) >= 0) {
+                        newStyles.push(v);
+                    }
+                    const value = ssmatches.groups['value'];
+                    console.log(`${name}=${value}`);
+                }
+            });
+            let attr = '';
+            if (newStyles.length) {
+                attr = `stylenew="${newStyles.join(';')}"`;
+            }
+            itres = itres?.replace(matchStyle[0], attr);
+        }
+        return itres?.replace(/stylenew=/ig, 'style=') ?? "";
+    }
+    isAdministrator() {
+        const currentUser = this.authenticationService.currentUserValue.UserInfo;
+        return currentUser.IsAdministrator === 1 || currentUser.isAdministrator === 1;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HtmlEditorComponent, deps: [{ token: i1$1.DomSanitizer }, { token: AuthenticationService }, { token: VoiceRecognitionService }, { token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: HtmlEditorComponent, isStandalone: false, selector: "gloww-html-editor", inputs: { placeHolder: "placeHolder", _value: ["value", "_value"] }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: HtmlEditorComponent
+            }
+        ], viewQueries: [{ propertyName: "voiceRecognitionTemplate", first: true, predicate: ["voiceRecognitionDlg"], descendants: true }], ngImport: i0, template: "<div>\r\n    <angular-editor [(ngModel)]=\"value\" [config]=\"editorConfig\" [placeholder]=\"placeHolder\"></angular-editor>\r\n</div>\r\n<ng-template #voiceRecognitionDlg>\r\n    <mat-dialog-content>\r\n        <div>La reconnaissance vocale est activ\u00E9e. Veuillez dicter le texte \u00E0 ins\u00E9rer.</div>\r\n        <div [innerHTML]=\"voiceRecognitionService.text | htmlFormat\" style=\"width:500px;height:300px;border:1px solid; border-color: blue;\"></div>\r\n    </mat-dialog-content>\r\n\r\n    <mat-dialog-actions>\r\n        <button class=\"mat-raised-button\" (click)=\"cancel()\">Close</button>\r\n        <button class=\"mat-raised-button mat-primary\" (click)=\"paste()\">Paste</button>\r\n    </mat-dialog-actions>\r\n</ng-template>\r\n", styles: [""], dependencies: [{ 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: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i6.AngularEditorComponent, selector: "angular-editor", inputs: ["id", "config", "placeholder", "tabIndex"], outputs: ["html", "viewMode", "blur", "focus"] }, { kind: "pipe", type: HtmlFormatPipe, name: "htmlFormat" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HtmlEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-html-editor', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: HtmlEditorComponent
+                        }
+                    ], standalone: false, template: "<div>\r\n    <angular-editor [(ngModel)]=\"value\" [config]=\"editorConfig\" [placeholder]=\"placeHolder\"></angular-editor>\r\n</div>\r\n<ng-template #voiceRecognitionDlg>\r\n    <mat-dialog-content>\r\n        <div>La reconnaissance vocale est activ\u00E9e. Veuillez dicter le texte \u00E0 ins\u00E9rer.</div>\r\n        <div [innerHTML]=\"voiceRecognitionService.text | htmlFormat\" style=\"width:500px;height:300px;border:1px solid; border-color: blue;\"></div>\r\n    </mat-dialog-content>\r\n\r\n    <mat-dialog-actions>\r\n        <button class=\"mat-raised-button\" (click)=\"cancel()\">Close</button>\r\n        <button class=\"mat-raised-button mat-primary\" (click)=\"paste()\">Paste</button>\r\n    </mat-dialog-actions>\r\n</ng-template>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$1.DomSanitizer }, { type: AuthenticationService }, { type: VoiceRecognitionService }, { type: i1$2.MatDialog }], propDecorators: { voiceRecognitionTemplate: [{
+                type: ViewChild,
+                args: ['voiceRecognitionDlg']
+            }], placeHolder: [{
+                type: Input
+            }], _value: [{
+                type: Input,
+                args: ['value']
+            }] } });
+
+class FileEditComponent {
+    constructor(formBuilder, dialogRef, definition) {
+        this.formBuilder = formBuilder;
+        this.dialogRef = dialogRef;
+        this.modes = {
+            ".txt": "null",
+            ".cs": "clike",
+            ".js": "javascript",
+            ".json": { name: "javascript", json: true },
+            ".css": "css",
+            ".scss": "scss",
+            ".htm": "html",
+            ".html": "html",
+            ".xml": "xml",
+            ".xsl": "xml",
+            ".xslt": "xml",
+            ".yml": "yaml",
+            ".yaml": "yaml",
+        };
+        this.initDone = false;
+        this.form = this.formBuilder.group({
+            path: [null, Validators.required],
+            content: [null]
+        });
+        if (definition) {
+            this.form.patchValue(definition);
+            try {
+                this.ext = definition.path.match(/\.(txt|js|json|ts|cs|css|scss|xml|html|htm|yml|yaml|exp|sh|pwsh|xsl|xslt)$/ig)[0];
+            }
+            catch {
+                this.ext = null;
+            }
+        }
+    }
+    getMode() {
+        try {
+            if (this.ext && this.modes[this.ext]) {
+                return this.modes[this.ext];
+            }
+            else {
+                return "null";
+            }
+        }
+        catch {
+            return "null";
+        }
+    }
+    ngOnInit() {
+    }
+    cancel() {
+        this.dialogRef.close();
+    }
+    save() {
+        this.dialogRef.close(this.form.value);
+    }
+    onResized(event) {
+        /*console.log(`new Height ${event.newRect?.height}`);
+        this.cmHeight = `${event.newRect?.height - 15}px`;*/
+        if (this.initDone) {
+            this.codeMirrorComponent.codeMirror.setSize(null, event.newRect?.height - 5);
+        }
+        else {
+            this.initDone = true;
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FileEditComponent, deps: [{ token: i1$3.UntypedFormBuilder }, { token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: FileEditComponent, isStandalone: false, selector: "gloww-file-edit", viewQueries: [{ propertyName: "codeMirrorComponent", first: true, predicate: CodemirrorComponent, descendants: true }], ngImport: i0, template: "<div cdkDrag cdkDragRootElement=\".cdk-overlay-pane\" class=\"dlg\">\r\n    <h2 mat-dialog-title cdkDragHandle>Ajout/Edition d'un fichier</h2>\r\n    \r\n    <mat-dialog-content [formGroup]=\"form\" class=\"dialog-form-content\">\r\n        <div class=\"column-layout fill-container\">\r\n            <mat-form-field appearance=\"outline\" class=\"width-100\">\r\n                <mat-label>Path</mat-label>\r\n                <input matInput [readonly]=\"true\" placeholder=\"Path\" formControlName=\"path\">\r\n            </mat-form-field>\r\n\r\n            <div class=\"editor-flex-grow\">\r\n                <gloww-code-editor [mode]=\"getMode()\" formControlName=\"content\"></gloww-code-editor>\r\n            </div>\r\n        </div>\r\n    </mat-dialog-content>\r\n\r\n    <mat-dialog-actions align=\"end\">\r\n        <button mat-raised-button (click)=\"cancel()\">Close</button>\r\n        <button mat-raised-button color=\"primary\" (click)=\"save()\">Save</button>\r\n    </mat-dialog-actions>\r\n</div>", styles: [".cm-tab{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);background-position:right;background-repeat:no-repeat}.xxCodeMirror{height:100%}.dialog-form-content{display:flex;flex-direction:column;overflow:hidden}.column-layout{display:flex;flex-direction:column;align-items:stretch}.fill-container{width:100%;height:100%;min-height:100%}.width-100{width:100%}.editor-flex-grow{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.editor-flex-grow gloww-code-editor{height:100%;width:100%}\n"], dependencies: [{ 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.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: "directive", type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i5.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "component", type: CodeEditorComponent, selector: "gloww-code-editor", inputs: ["value", "display", "mode", "formatter", "formatterOptions", "snippets", "snippetsPath"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FileEditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-file-edit', encapsulation: ViewEncapsulation.None, standalone: false, template: "<div cdkDrag cdkDragRootElement=\".cdk-overlay-pane\" class=\"dlg\">\r\n    <h2 mat-dialog-title cdkDragHandle>Ajout/Edition d'un fichier</h2>\r\n    \r\n    <mat-dialog-content [formGroup]=\"form\" class=\"dialog-form-content\">\r\n        <div class=\"column-layout fill-container\">\r\n            <mat-form-field appearance=\"outline\" class=\"width-100\">\r\n                <mat-label>Path</mat-label>\r\n                <input matInput [readonly]=\"true\" placeholder=\"Path\" formControlName=\"path\">\r\n            </mat-form-field>\r\n\r\n            <div class=\"editor-flex-grow\">\r\n                <gloww-code-editor [mode]=\"getMode()\" formControlName=\"content\"></gloww-code-editor>\r\n            </div>\r\n        </div>\r\n    </mat-dialog-content>\r\n\r\n    <mat-dialog-actions align=\"end\">\r\n        <button mat-raised-button (click)=\"cancel()\">Close</button>\r\n        <button mat-raised-button color=\"primary\" (click)=\"save()\">Save</button>\r\n    </mat-dialog-actions>\r\n</div>", styles: [".cm-tab{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);background-position:right;background-repeat:no-repeat}.xxCodeMirror{height:100%}.dialog-form-content{display:flex;flex-direction:column;overflow:hidden}.column-layout{display:flex;flex-direction:column;align-items:stretch}.fill-container{width:100%;height:100%;min-height:100%}.width-100{width:100%}.editor-flex-grow{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.editor-flex-grow gloww-code-editor{height:100%;width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.UntypedFormBuilder }, { type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }], propDecorators: { codeMirrorComponent: [{
+                type: ViewChild,
+                args: [CodemirrorComponent]
+            }] } });
+
+class FolderServiceConfig {
+    constructor() {
+        this.apiPath = '/';
+    }
+    static Create(t) {
+        const res = new FolderServiceConfig();
+        if (t) {
+            Object.assign(res, t);
+        }
+        return res;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FolderServiceConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FolderServiceConfig, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FolderServiceConfig, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class FolderService {
+    constructor(http, folderServiceConfig, apiServerUrl) {
+        this.http = http;
+        this.folderServiceConfig = folderServiceConfig;
+        console.log(`folderServiceConfig ${folderServiceConfig.apiPath}`);
+        console.log(`apiServierUrl ${apiServerUrl}`);
+    }
+    async noFolders() {
+        return await firstValueFrom(this.http.get(`${this.folderServiceConfig.apiPath}noFolders`));
+    }
+    getDirectoryContent(path) {
+        return this.http.get(`${this.folderServiceConfig.apiPath}Directories/${path ?? ""}`);
+    }
+    postDirectoryContent(path) {
+        const formData = new FormData();
+        return this.http.post(`${this.folderServiceConfig.apiPath}Directories/${path}`, formData, {});
+    }
+    getFileContent(path) {
+        return this.http.get(`${this.folderServiceConfig.apiPath}Files/${(path ?? "").replace(/[\/\\]/g, '%2F')}`, {
+            responseType: 'text'
+        });
+    }
+    getFileContentBlob(path) {
+        return this.http.get(`${this.folderServiceConfig.apiPath}Files/${(path ?? "").replace(/[\/\\]/g, '%2F')}`, {
+            responseType: 'blob'
+        });
+    }
+    postFileContent(path, formData) {
+        return this.http.post(`${this.folderServiceConfig.apiPath}Files/${(path ?? "").replace(/[\/\\]/g, '%2F')}`, formData, {
+            reportProgress: true,
+            observe: 'events'
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FolderService, deps: [{ token: i1.HttpClient }, { token: FolderServiceConfig }, { token: API_SERVER_URL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FolderService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FolderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: FolderServiceConfig }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [API_SERVER_URL]
+                }] }] });
+
+class FoldersComponent {
+    constructor(folderService, router, route, dialog) {
+        //flowService.getDirectoryContent(route.snapshot.params.id).subscribe(r => this.directoryContent = r);
+        this.folderService = folderService;
+        this.router = router;
+        this.route = route;
+        this.dialog = dialog;
+        this.router.events.subscribe((event) => {
+            if (event instanceof NavigationEnd) {
+                const urlParts = event.url.split('/');
+                this.currentDir = urlParts.slice(2).join("/");
+                this.directoryContent = null;
+                folderService.getDirectoryContent(this.currentDir).subscribe(r => this.directoryContent = r);
+            }
+        });
+    }
+    ngOnInit() {
+    }
+    addFolder() {
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.disableClose = true;
+        dialogConfig.autoFocus = true;
+        dialogConfig.closeOnNavigation = false;
+        dialogConfig.data = new PromptModel("New Folder", "Please give the name of the folder to create", "", true);
+        this.dialog.open(PromptComponent, dialogConfig).afterClosed().subscribe(folder => {
+            if (folder) {
+                this.folderService.postDirectoryContent(this.currentDir + '/' + folder).subscribe(c => {
+                    this.router.navigate(this.getRouterLink(folder)),
+                        error => alert(error);
+                });
+            }
+        });
+    }
+    addFile() {
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.disableClose = true;
+        dialogConfig.autoFocus = true;
+        dialogConfig.closeOnNavigation = false;
+        dialogConfig.data = new PromptModel("New File", "Please give the name of the text file to create", "", true);
+        this.dialog.open(PromptComponent, dialogConfig).afterClosed().subscribe(fileName => {
+            if (fileName) {
+                this.Edit(fileName);
+                this.directoryContent = null;
+                this.folderService.getDirectoryContent(this.currentDir).subscribe(r => this.directoryContent = r);
+            }
+        });
+    }
+    addFileUpload() {
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.disableClose = true;
+        dialogConfig.autoFocus = true;
+        dialogConfig.closeOnNavigation = false;
+        dialogConfig.data = { acceptMime: 'image/*', multiple: true, allowAltFileName: true };
+        this.dialog.open(UploadDocComponent, dialogConfig).afterClosed().subscribe(files => {
+            if (files) {
+                files.forEach(file => {
+                    const formData = new FormData();
+                    formData.append('file', file.data);
+                    this.UploadFile(this.currentDir + "/" + file.fileName, formData);
+                    this.directoryContent = null;
+                    this.folderService.getDirectoryContent(this.currentDir).subscribe(r => this.directoryContent = r);
+                });
+            }
+        });
+    }
+    getRouterLink(directory) {
+        if (!this.currentDir) {
+            return ['/folders', directory];
+        }
+        if (!directory) {
+            let res = ['/folders', ...this.currentDir.split("/")];
+            res.pop();
+            return res;
+        }
+        return ['/folders', ...this.currentDir.split("/"), directory];
+    }
+    getHref(f) {
+        if (!this.currentDir) {
+            return ['/FlowMgmt', 'folders', f].join('/');
+        }
+        return ['/FlowMgmt', 'folders', ...this.currentDir.split("/"), f].join('/');
+    }
+    dataURItoBlob(content) {
+        const byteString = content;
+        /*const arrayBuffer = new ArrayBuffer(byteString.length);
+        const int8Array = new Uint8Array(arrayBuffer);
+        let j = 0;
+        for (let i = 0; i < byteString.length; i++) {
+          let chr = byteString.charCodeAt(i);
+          if (chr <= 255) {
+            int8Array[j++] = chr;
+          } else {
+            console.log(`${chr}:${Math.floor(chr / 255)},${chr % 255}`)
+            int8Array[j++] = Math.floor(chr / 255);
+            int8Array[j++] = chr % 255;
+          }
+        }*/
+        const te = new TextEncoder();
+        const uint8array = te.encode(byteString);
+        const blob = new Blob([uint8array], { type: 'text/plain;charset=UTF-8;' });
+        return blob;
+    }
+    isEditable(filename) {
+        return filename.match(/\.(txt|js|json|ts|cs|css|scss|xml|html|htm|exp|sh|pwsh|yml|yaml|xsl|xslt)$/ig) != null;
+    }
+    UploadFile(fileName, formData) {
+        this.folderService.postFileContent(fileName, formData).pipe(map(event => {
+            switch (event.type) {
+                case HttpEventType.UploadProgress:
+                    //file.progress = Math.round(event.loaded * 100 / event.total);
+                    break;
+                case HttpEventType.Response:
+                    return event.body;
+            }
+        }), catchError((error) => {
+            //file.inProgress = false;
+            return of(`${fileName} upload failed.`);
+        })).subscribe((event) => {
+            if (typeof (event) === 'object') {
+                //obj.Logo = event.Logo;
+            }
+        });
+    }
+    Edit(fileName) {
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.disableClose = true;
+        dialogConfig.autoFocus = true;
+        dialogConfig.closeOnNavigation = false;
+        let content;
+        this.folderService.getFileContent(this.currentDir + '/' + fileName).subscribe(c => {
+            dialogConfig.data = { path: this.currentDir + '/' + fileName, content: c };
+            this.dialog.open(FileEditComponent, dialogConfig).afterClosed().subscribe(data => {
+                if (data) {
+                    const formData = new FormData();
+                    const imageName = fileName;
+                    const imageBlob = this.dataURItoBlob(data.content);
+                    const file = new File([imageBlob], imageName, { type: 'text/plain;charset=UTF-8;' });
+                    formData.append('file', file);
+                    this.UploadFile(this.currentDir + '/' + fileName, formData);
+                    //file.inProgress = true;
+                }
+            });
+        });
+    }
+    /*
+  this.http.get(`${environment.apiUrl}`, {
+    responseType: 'arraybuffer', headers: headers
+  }
+  ).subscribe(response => this.downLoadFile(response, "application/ms-excel"));*/
+    downloadFile(fileName) {
+        this.folderService.getFileContentBlob(this.currentDir + '/' + fileName).subscribe(blob => {
+            this.downLoadFile2(blob, blob.type);
+        });
+    }
+    /**
+     * Method is use to download file.
+     * @param data - Array Buffer data
+     * @param type - type of the document.
+     */
+    downLoadFile2(data, type) {
+        let blob = new Blob([data], { type: type });
+        let url = window.URL.createObjectURL(blob);
+        let pwa = window.open(url);
+        if (!pwa || pwa.closed || typeof pwa.closed == 'undefined') {
+            alert('Please disable your Pop-up blocker and try again.');
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FoldersComponent, deps: [{ token: FolderService }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FoldersComponent, isStandalone: false, selector: "gloww-folders", ngImport: i0, template: "<h1>\n  <i class=\"fal fa-folder\" size=\"40px\"></i> /{{currentDir}}\n  @if (currentDir) {\n    <i class=\"fal fa-level-up\" [routerLink]=\"getRouterLink()\"></i>\n  }\n</h1>\n@if (directoryContent) {\n  <div>\n    <i class=\"fal fa-folder-plus\" (click)=\"addFolder()\" size=\"30px\"></i>\n    <ul>\n      @for (d of directoryContent.directories; track d) {\n        <li>\n          <i class=\"fal fa-folder\"></i><a [routerLink]=\"getRouterLink(d)\">{{d}}</a>\n        </li>\n      }\n    </ul>\n    <i class=\"fal fa-file-plus\" (click)=\"addFile()\" size=\"30px\"></i>\n    <i class=\"fal fa-file-upload\" (click)=\"addFileUpload()\" size=\"30px\"></i>\n    <ul>\n      @for (f of directoryContent.files; track f) {\n        <li>\n          @if (isEditable(f)) {\n            <a (click)=\"Edit(f)\" href=\"javascript:void(0);\">\n              <i class=\"fal fa-file\"></i> {{f}}\n            </a>\n          } @else {\n            <i class=\"fal fa-file fa-disabled\"></i> <a (click)=\"downloadFile(f)\" target=\"_blank\" href=\"javascript:void(0);\">{{f}}</a>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n} @else {\n  <mat-spinner></mat-spinner>\n}\n", styles: ["ul{list-style:none}.fa-disabled{opacity:.6;cursor:not-allowed}i{margin:5px;height:20px}\n"], dependencies: [{ kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i10.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FoldersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-folders', standalone: false, template: "<h1>\n  <i class=\"fal fa-folder\" size=\"40px\"></i> /{{currentDir}}\n  @if (currentDir) {\n    <i class=\"fal fa-level-up\" [routerLink]=\"getRouterLink()\"></i>\n  }\n</h1>\n@if (directoryContent) {\n  <div>\n    <i class=\"fal fa-folder-plus\" (click)=\"addFolder()\" size=\"30px\"></i>\n    <ul>\n      @for (d of directoryContent.directories; track d) {\n        <li>\n          <i class=\"fal fa-folder\"></i><a [routerLink]=\"getRouterLink(d)\">{{d}}</a>\n        </li>\n      }\n    </ul>\n    <i class=\"fal fa-file-plus\" (click)=\"addFile()\" size=\"30px\"></i>\n    <i class=\"fal fa-file-upload\" (click)=\"addFileUpload()\" size=\"30px\"></i>\n    <ul>\n      @for (f of directoryContent.files; track f) {\n        <li>\n          @if (isEditable(f)) {\n            <a (click)=\"Edit(f)\" href=\"javascript:void(0);\">\n              <i class=\"fal fa-file\"></i> {{f}}\n            </a>\n          } @else {\n            <i class=\"fal fa-file fa-disabled\"></i> <a (click)=\"downloadFile(f)\" target=\"_blank\" href=\"javascript:void(0);\">{{f}}</a>\n          }\n        </li>\n      }\n    </ul>\n  </div>\n} @else {\n  <mat-spinner></mat-spinner>\n}\n", styles: ["ul{list-style:none}.fa-disabled{opacity:.6;cursor:not-allowed}i{margin:5px;height:20px}\n"] }]
+        }], ctorParameters: () => [{ type: FolderService }, { type: i2.Router }, { type: i2.ActivatedRoute }, { type: i1$2.MatDialog }] });
+
+class DownloadProgressComponent {
+    constructor(dialogRef, arg, httpClient) {
+        this.dialogRef = dialogRef;
+        this.httpClient = httpClient;
+        this.done = -1;
+        this.name = arg.name;
+        this.files = arg.files;
+        this.current = [];
+        this.message = "Download des fichiers";
+        this.percent = -1;
+    }
+    ngOnInit() {
+        if (this.name) {
+            this.downloadZip();
+        }
+        else {
+            this.download();
+        }
+    }
+    async getFile(url, callback) {
+        const httpOptions = {
+            observe: "events",
+            reportProgress: true,
+            responseType: "blob" //as 'json'
+        };
+        const res = await this.httpClient.get(url, httpOptions).pipe(map((event) => {
+            console.log(event);
+            /*if (event.type === HttpEventType.DownloadProgress) {
+              console.log(`download progress ${(event as HttpEventType.DownloadProgress).valueOf}`);
+            }
+            if (event.type === HttpEventType.Response) {
+              console.log("donwload completed");
+            }*/
+            if (event.type === 3) {
+                callback(url, event.loaded, event.total);
+            }
+            if (event instanceof HttpResponse) {
+                callback(url, -1, -1);
+            }
+            return event;
+        }), filter((event) => event instanceof HttpResponse)).toPromise().catch((err) => {
+            const error = err.error;
+            return error;
+        });
+        return res.body;
+    }
+    callback(url, loaded, total) {
+        const index = this.current.findIndex(c => c.url === url);
+        if (total === -1) {
+            this.done += 1;
+            this.current.splice(index, 1);
+        }
+        else {
+            if (index === -1) {
+                this.current.push({ url, loaded, total });
+            }
+            else {
+                this.current[index].loaded = loaded;
+            }
+        }
+    }
+    callback_zip(metadata) {
+        this.percent = metadata.percent;
+    }
+    async downloadZip() {
+        const zip = new JSZip();
+        // tslint:disable-next-line:prefer-for-of
+        this.done = 0;
+        await Promise.all(this.files.map(async (file) => {
+            let fileData;
+            fileData = await this.getFile(file.url, this.callback.bind(this));
+            const b = new Blob([fileData], { type: '' + fileData.type + '' });
+            zip.file(file.name, b);
+        }));
+        this.message = "Génération du fichier Zip";
+        this.done = -1;
+        await zip.generateAsync({ type: 'blob' }, this.callback_zip.bind(this)).then((content) => {
+            if (content) {
+                FileSaver.saveAs(content, this.name);
+            }
+        });
+        this.dialogRef.close();
+    }
+    async download() {
+        this.done = 0;
+        await Promise.all(this.files.map(async (file) => {
+            let fileData;
+            fileData = await this.getFile(file.url, this.callback.bind(this));
+            const b = new Blob([fileData], { type: '' + fileData.type + '' });
+            if (file.name === "open") {
+                var blobURL = URL.createObjectURL(b);
+                window.open(blobURL);
+            }
+            else {
+                FileSaver.saveAs(b, file.name);
+            }
+        }));
+        this.message = "Génération du fichier Zip";
+        this.done = -1;
+        this.dialogRef.close();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DownloadProgressComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: DownloadProgressComponent, isStandalone: false, selector: "gloww-download-progress", ngImport: i0, template: "<h2 mat-dialog-title>Progression Download</h2>\n\n<mat-dialog-content>\n  <H3>{{message}}</H3>\n  @if (percent>0) {\n    <mat-progress-bar [value]=\"percent\"></mat-progress-bar>\n  }\n  @if (done>=0) {\n    <div>\n      <mat-progress-bar [value]=\"done*100/files.length\"></mat-progress-bar> {{done}}/{{files.length}}\n      <br />\n      <ul>\n        @for ( file of current; track  file; let i = $index) {\n          <li>\n            <span id=\"file-label\">{{file.url}}</span>\n            <mat-progress-bar [value]=\"file.loaded*100/file.total\"></mat-progress-bar>\n          </li>\n        }\n      </ul>\n    </div>\n  }\n</mat-dialog-content>\n\n\n<mat-dialog-actions>\n  <!--<button class=\"mat-raised-button\" (click)=\"cancel()\">Close</button>\n  <button class=\"mat-raised-button mat-primary\" (click)=\"save()\">Save</button>-->\n</mat-dialog-actions>", styles: [""], dependencies: [{ kind: "directive", type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i4$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DownloadProgressComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-download-progress', standalone: false, template: "<h2 mat-dialog-title>Progression Download</h2>\n\n<mat-dialog-content>\n  <H3>{{message}}</H3>\n  @if (percent>0) {\n    <mat-progress-bar [value]=\"percent\"></mat-progress-bar>\n  }\n  @if (done>=0) {\n    <div>\n      <mat-progress-bar [value]=\"done*100/files.length\"></mat-progress-bar> {{done}}/{{files.length}}\n      <br />\n      <ul>\n        @for ( file of current; track  file; let i = $index) {\n          <li>\n            <span id=\"file-label\">{{file.url}}</span>\n            <mat-progress-bar [value]=\"file.loaded*100/file.total\"></mat-progress-bar>\n          </li>\n        }\n      </ul>\n    </div>\n  }\n</mat-dialog-content>\n\n\n<mat-dialog-actions>\n  <!--<button class=\"mat-raised-button\" (click)=\"cancel()\">Close</button>\n  <button class=\"mat-raised-button mat-primary\" (click)=\"save()\">Save</button>-->\n</mat-dialog-actions>" }]
+        }], ctorParameters: () => [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MAT_DIALOG_DATA]
+                }] }, { type: i1.HttpClient }] });
+
+class SecureAComponent {
+    constructor(dialog) {
+        this.dialog = dialog;
+    }
+    ngOnInit() {
+    }
+    click() {
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.disableClose = true;
+        dialogConfig.autoFocus = true;
+        dialogConfig.closeOnNavigation = false;
+        dialogConfig.data = { files: [{ url: this.href, name: this.name }] };
+        this.dialog.open(DownloadProgressComponent, dialogConfig).afterClosed().subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SecureAComponent, deps: [{ token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: SecureAComponent, isStandalone: false, selector: "gloww-secure-a", inputs: { href: "href", name: "name" }, ngImport: i0, template: "<a (click)=\"click()\" href=\"javascript:void(0);\">\r\n    <ng-content></ng-content>\r\n</a>", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SecureAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-secure-a', standalone: false, template: "<a (click)=\"click()\" href=\"javascript:void(0);\">\r\n    <ng-content></ng-content>\r\n</a>" }]
+        }], ctorParameters: () => [{ type: i1$2.MatDialog }], propDecorators: { href: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }] } });
+
+class DummyComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DummyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: DummyComponent, isStandalone: false, selector: "gloww-dummy", ngImport: i0, template: "<p>dummy works!</p>\r\n", styles: [""] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DummyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-dummy', standalone: false, template: "<p>dummy works!</p>\r\n" }]
+        }], ctorParameters: () => [] });
+
+class SelectComponent {
+    constructor(glowwService, formBuilder) {
+        this.formBuilder = formBuilder;
+        this._value = null;
+        this.objectName = null;
+        this.returnField = null;
+        this.displayField = null;
+        this.displayFct = null;
+        this.placeHolder = null;
+        this.data = null;
+        this.compareField = null;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.items = [];
+        this.propagateChange = (_) => { };
+        this.glowwService = glowwService;
+        this.form = this.formBuilder.group({
+            select: [null, null]
+        });
+        this.searchRequest = this.glowwService[`search${this.objectName}`];
+    }
+    ngAfterViewInit() {
+        this.error = null;
+        if (!this.searchRequest) {
+            this.searchRequest = this.glowwService[`search${this.objectName}`];
+        }
+        let queryParams = {};
+        if (this.data) {
+            Object.keys(this.data).forEach(name => {
+                queryParams[name] = this.data[name];
+            });
+        }
+        //debugger;
+        this.searchRequest.call(this.glowwService, queryParams).subscribe(items => this.items = items, error => {
+            this.error = error;
+        });
+        if (!this.compareWith && this.compareField) {
+            this.compareWith = (o1, o2) => o1[this.compareField] == o2[this.compareField];
+        }
+    }
+    ngAfterContentInit() {
+    }
+    ngOnInit() {
+    }
+    writeValue(val) {
+        val && this.form.setValue({ select: val }, { emitEvent: false });
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+        this.form.valueChanges.subscribe(data => {
+            if (this.returnField) {
+                this.onChange(this.form.value.select[this.returnField]);
+            }
+            else {
+                this.onChange(this.form.value.select);
+            }
+        });
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        const status = isDisabled ? 'disable' : 'enable';
+        //TODO
+    }
+    displayObj(item) {
+        if (this.displayField) {
+            return item[this.displayField];
+        }
+        else if (this.displayFct) {
+            return this.displayFct(item);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SelectComponent, deps: [{ token: 'glowwService' }, { token: i1$3.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: SelectComponent, isStandalone: false, selector: "gloww-select", inputs: { _value: ["value", "_value"], objectName: "objectName", returnField: "returnField", displayField: "displayField", displayFct: "displayFct", placeHolder: "placeHolder", data: "data", compareField: "compareField", compareWith: "compareWith", searchRequest: "searchRequest" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: SelectComponent
+            }
+        ], ngImport: i0, template: "<form [formGroup]=\"form\">\n  @if (error) {\n    <div style=\"color:red\">{{error}}</div>\n  }\n  <mat-form-field>\n    <mat-select [placeholder]=\"placeHolder\" formControlName=\"select\" [compareWith]=\"compareWith\">\n      @for (item of items; track item) {\n        <mat-option [value]=\"item\">{{displayObj(item)}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n</form>", styles: [""], dependencies: [{ kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { 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: "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: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i3$2.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: i3$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-select', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: SelectComponent
+                        }
+                    ], standalone: false, template: "<form [formGroup]=\"form\">\n  @if (error) {\n    <div style=\"color:red\">{{error}}</div>\n  }\n  <mat-form-field>\n    <mat-select [placeholder]=\"placeHolder\" formControlName=\"select\" [compareWith]=\"compareWith\">\n      @for (item of items; track item) {\n        <mat-option [value]=\"item\">{{displayObj(item)}}</mat-option>\n      }\n    </mat-select>\n  </mat-form-field>\n</form>" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['glowwService']
+                }] }, { type: i1$3.UntypedFormBuilder }], propDecorators: { _value: [{
+                type: Input,
+                args: ['value']
+            }], objectName: [{
+                type: Input,
+                args: ['objectName']
+            }], returnField: [{
+                type: Input,
+                args: ['returnField']
+            }], displayField: [{
+                type: Input,
+                args: ['displayField']
+            }], displayFct: [{
+                type: Input,
+                args: ['displayFct']
+            }], placeHolder: [{
+                type: Input,
+                args: ['placeHolder']
+            }], data: [{
+                type: Input,
+                args: ['data']
+            }], compareField: [{
+                type: Input,
+                args: ['compareField']
+            }], compareWith: [{
+                type: Input
+            }], searchRequest: [{
+                type: Input
+            }] } });
+
+class AutoCompleteComponent {
+    constructor(glowwService, formBuilder, ref) {
+        this.formBuilder = formBuilder;
+        this.ref = ref;
+        this._value = null;
+        this.objectName = null;
+        this.searchField = null;
+        this.returnField = null;
+        this.displayField = null;
+        this.displayExpr = null;
+        this.displayFct = null;
+        this.placeHolder = null;
+        this.data = null;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+        this.items = [];
+        this.parser = new TranslateDefaultParser();
+        this.options = []; //Observable<unknown>;
+        this.propagateChange = (_) => { };
+        this.glowwService = glowwService;
+        this.resultCtrl = new UntypedFormControl();
+        this.form = this.formBuilder.group({
+            __result: this.resultCtrl
+        });
+    }
+    ngAfterViewInit() {
+    }
+    ngOnInit() {
+        //debugger;
+        this.searchRequest = this.glowwService[`search${this.objectName}`];
+        this.resultCtrl.valueChanges.pipe(filter(res => res != null && res.length > 2), distinctUntilChanged(), debounceTime(250), tap(() => { this.error = ""; this.options = []; }), switchMap(searchStr => {
+            let searchObj = {};
+            if (this.data) {
+                Object.keys(this.data).forEach(k => {
+                    searchObj[k] = this.data[k];
+                });
+            }
+            searchObj[this.searchField] = searchStr;
+            return this.searchRequest.call(this.glowwService, searchObj).pipe(map(res => res), catchError(err => {
+                this.error = err.message;
+                this.ref.markForCheck();
+                return of([]);
+            }));
+        })).subscribe({
+            next: (data) => {
+                this.options = data;
+                this.ref.markForCheck();
+            },
+            error: (error) => { this.error = error; }
+        });
+    }
+    writeValue(val) {
+        val && this.form.setValue({ __result: val }, { emitEvent: false });
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+        this.form.valueChanges.subscribe(data => {
+            if (this.returnField) {
+                this.onChange(this.form.value.__result[this.returnField]);
+            }
+            else {
+                this.onChange(this.form.value.__result);
+            }
+        });
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        const status = isDisabled ? 'disable' : 'enable';
+        //TODO
+    }
+    displayObj(item) {
+        if (!item)
+            return null;
+        console.log("displayOf");
+        if (this.displayField) {
+            return item[this.displayField];
+        }
+        else if (this.displayExpr) {
+            return this.parser.interpolate(this.displayExpr.replace(/\\\{/g, "{").replace(/\\\}/g, "}"), item);
+            //return '?1' + this.parser.interpolate("{{Name}}", { Name: "test" }) + '?2' + this.parser.interpolate("{{Name}}", item)+'?3'+this.parser.interpolate(this.displayExpr.replace(/\\\{/g,"{").replace(/\\\}/g,"}"), item) +'?4'+ item;
+        }
+        else if (this.displayFct) {
+            return this.displayFct(item);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AutoCompleteComponent, deps: [{ token: 'glowwService' }, { token: i1$3.UntypedFormBuilder }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: AutoCompleteComponent, isStandalone: false, selector: "gloww-auto-complete", inputs: { _value: ["value", "_value"], objectName: "objectName", searchField: "searchField", returnField: "returnField", displayField: "displayField", displayExpr: "displayExpr", displayFct: "displayFct", placeHolder: "placeHolder", data: "data", searchRequest: "searchRequest" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                multi: true,
+                useExisting: forwardRef(() => AutoCompleteComponent)
+            }
+        ], ngImport: i0, template: "<div [formGroup]=\"form\" style=\"width:100%\" class=\"mainDiv\">\n  <div style=\"color:red\">{{error}}</div>\n  <mat-form-field style=\"width:100%\" class=\"autocff\">\n    <input type=\"text\" matInput formControlName=\"__result\" [matAutocomplete]=\"auto\" [placeholder]=\"placeHolder\">\n  </mat-form-field>\n  <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayObj.bind(this)\">\n    @for (option of options; track option) {\n      <mat-option [value]=\"option\" [innerHTML]=\"displayObj(option) | safeHtml\">\n      </mat-option>\n    }\n  </mat-autocomplete>\n</div>", styles: [""], dependencies: [{ 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "component", type: i3$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: i4$2.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "directive", type: i4$2.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "pipe", type: SafeHtmlPipe, name: "safeHtml" }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: AutoCompleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-auto-complete', encapsulation: ViewEncapsulation.None, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: forwardRef(() => AutoCompleteComponent)
+                        }
+                    ], standalone: false, template: "<div [formGroup]=\"form\" style=\"width:100%\" class=\"mainDiv\">\n  <div style=\"color:red\">{{error}}</div>\n  <mat-form-field style=\"width:100%\" class=\"autocff\">\n    <input type=\"text\" matInput formControlName=\"__result\" [matAutocomplete]=\"auto\" [placeholder]=\"placeHolder\">\n  </mat-form-field>\n  <mat-autocomplete #auto=\"matAutocomplete\" [displayWith]=\"displayObj.bind(this)\">\n    @for (option of options; track option) {\n      <mat-option [value]=\"option\" [innerHTML]=\"displayObj(option) | safeHtml\">\n      </mat-option>\n    }\n  </mat-autocomplete>\n</div>" }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: ['glowwService']
+                }] }, { type: i1$3.UntypedFormBuilder }, { type: i0.ChangeDetectorRef }], propDecorators: { _value: [{
+                type: Input,
+                args: ['value']
+            }], objectName: [{
+                type: Input,
+                args: ['objectName']
+            }], searchField: [{
+                type: Input,
+                args: ['searchField']
+            }], returnField: [{
+                type: Input,
+                args: ['returnField']
+            }], displayField: [{
+                type: Input,
+                args: ['displayField']
+            }], displayExpr: [{
+                type: Input,
+                args: ['displayExpr']
+            }], displayFct: [{
+                type: Input,
+                args: ['displayFct']
+            }], placeHolder: [{
+                type: Input,
+                args: ['placeHolder']
+            }], data: [{
+                type: Input,
+                args: ['data']
+            }], searchRequest: [{
+                type: Input
+            }] } });
+
+class DatetimeComponent {
+    constructor() {
+        this._value = null;
+        this.display = null;
+        this.placeHolder = null;
+        this.mode = 'date';
+        this.showSpinners = true;
+        this.showSeconds = false;
+        this.disableMinute = false;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    get value() {
+        return this._value;
+    }
+    set value(val) {
+        this._value = val;
+        let dt = this._value;
+        if (typeof (this._value) === 'string') {
+            dt = moment(this._value).toISOString();
+        }
+        this.onChange(dt);
+        this.onTouched();
+    }
+    writeValue(obj) {
+        this.value = obj;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        //throw new Error('Method not implemented.');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DatetimeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: DatetimeComponent, isStandalone: false, selector: "gloww-datetime", inputs: { _value: ["value", "_value"], display: "display", placeHolder: "placeHolder", mode: "mode", showSpinners: "showSpinners", showSeconds: "showSeconds", disableMinute: "disableMinute" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                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]=\"true\" [disableMinute]=\"disableMinute\">\n      </ngx-mat-datetime-picker>\n    </mat-form-field>\n  }\n</div>\n", styles: [""], dependencies: [{ 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: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i3$3.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i3$3.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i3$3.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i4$3.NgxMatDatetimepicker, selector: "ngx-mat-datetime-picker", exportAs: ["ngxMatDatetimePicker"] }, { kind: "directive", type: i4$3.NgxMatDatepickerInput, selector: "input[ngxMatDatetimePicker]", inputs: ["ngxMatDatetimePicker", "min", "max", "matDatepickerFilter"], exportAs: ["ngxMatDatepickerInput"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DatetimeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-datetime', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: DatetimeComponent
+                        }
+                    ], standalone: false, 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]=\"true\" [disableMinute]=\"disableMinute\">\n      </ngx-mat-datetime-picker>\n    </mat-form-field>\n  }\n</div>\n" }]
+        }], ctorParameters: () => [], propDecorators: { _value: [{
+                type: Input,
+                args: ['value']
+            }], display: [{
+                type: Input,
+                args: ['display']
+            }], placeHolder: [{
+                type: Input,
+                args: ['placeHolder']
+            }], mode: [{
+                type: Input,
+                args: ['mode']
+            }], showSpinners: [{
+                type: Input
+            }], showSeconds: [{
+                type: Input
+            }], disableMinute: [{
+                type: Input
+            }] } });
+
+class BaseCollectionComponent {
+    constructor(_formBuilder) {
+        this._formBuilder = _formBuilder;
+        this.filterform = this._formBuilder.group({
+            filterData: [null, null],
+        });
+    }
+    Filter(args) {
+        const filterDictionary = new Map();
+        var jsonString = JSON.stringify(args ?? this.filterform.value.filterData);
+        this.GetDataSource().filter = jsonString;
+    }
+}
+
+/*@Injectable({
+  providedIn: 'root'
+})
+export class HasUnsavedDataGuard implements CanDeactivate<unknown> {
+  canDeactivate(
+    component: unknown,
+    currentRoute: ActivatedRouteSnapshot,
+    currentState: RouterStateSnapshot,
+    nextState?: RouterStateSnapshot): Observable<boolean | UrlTree> | Promise<boolean | UrlTree> | boolean | UrlTree {
+    return true;
+  }
+
+}*/
+class HasUnsavedDataGuard {
+    canDeactivate(component) {
+        if (component.hasUnsavedData && component.hasUnsavedData()) {
+            return confirm('You have some unsaved form data. Are you sure, you want to leave this page ? ');
+        }
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HasUnsavedDataGuard, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HasUnsavedDataGuard }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: HasUnsavedDataGuard, decorators: [{
+            type: Injectable
+        }] });
+
+class GlowwModule {
+    static forRoot(folderServiceConfig) {
+        console.log(`forRoot ${folderServiceConfig}`);
+        return {
+            ngModule: GlowwModule,
+            providers: [
+                VersionCheckService,
+                NavService,
+                VoiceRecognitionService,
+                {
+                    provide: FolderServiceConfig,
+                    useValue: folderServiceConfig
+                },
+                { provide: MAT_DATE_LOCALE, useValue: 'fr' }
+            ]
+        };
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlowwModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.17", ngImport: i0, type: GlowwModule, declarations: [UploadDocComponent,
+            SafeHtmlPipe,
+            DisplayObjectsComponent,
+            HeaderComponent,
+            ResultTableComponent,
+            SearchFormComponent,
+            ConfirmationComponent,
+            PromptComponent,
+            SecurePipe,
+            SecureImgComponent,
+            MenuListItemComponent,
+            CodeEditorComponent,
+            HtmlEditorComponent,
+            HtmlFormatPipe,
+            UploadFileComponent,
+            FileSinkDirective,
+            FileEditComponent,
+            FoldersComponent,
+            DownloadProgressComponent,
+            SecureAComponent,
+            DummyComponent,
+            SelectComponent,
+            AutoCompleteComponent,
+            DatetimeComponent,
+            RouteDirective,
+            FilterFormComponent], imports: [CommonModule,
+            BrowserModule,
+            RouterModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatDialogModule,
+            MatInputModule,
+            MatIconModule,
+            MatButtonModule,
+            MatCardModule,
+            MatProgressSpinnerModule,
+            MatProgressBarModule,
+            MatTableModule,
+            MatSelectModule,
+            MatPaginatorModule,
+            MatSortModule,
+            MatProgressSpinnerModule,
+            MatAutocompleteModule,
+            CodemirrorModule,
+            AngularEditorModule,
+            MatDatepickerModule,
+            NgxMatDatetimePickerModule, // Existe selon ta liste
+            NgxMatTimepickerComponent, // Attention : ta liste dit "NgxMatTimepickerComponent"
+            NgxMatNativeDateModule, // Existe selon ta liste
+            //NgxMatMomentModule,
+            DragDropModule,
+            AngularResizeEventModule], exports: [SafeHtmlPipe,
+            UploadDocComponent,
+            UploadFileComponent,
+            DisplayObjectsComponent,
+            HeaderComponent,
+            ResultTableComponent,
+            SearchFormComponent,
+            ConfirmationComponent,
+            PromptComponent,
+            SecurePipe,
+            SecureImgComponent,
+            MenuListItemComponent,
+            CodeEditorComponent,
+            HtmlEditorComponent,
+            HtmlFormatPipe,
+            FoldersComponent,
+            DownloadProgressComponent,
+            SecureAComponent,
+            DummyComponent,
+            SelectComponent,
+            AutoCompleteComponent,
+            DatetimeComponent,
+            MatDatepickerModule,
+            NgxMatDatetimePickerModule, // Existe selon ta liste
+            NgxMatTimepickerComponent, // Attention : ta liste dit "NgxMatTimepickerComponent"
+            NgxMatNativeDateModule, // Existe selon ta liste
+            //NgxMatMomentModule,
+            FilterFormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlowwModule, imports: [CommonModule,
+            BrowserModule,
+            RouterModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatDialogModule,
+            MatInputModule,
+            MatIconModule,
+            MatButtonModule,
+            MatCardModule,
+            MatProgressSpinnerModule,
+            MatProgressBarModule,
+            MatTableModule,
+            MatSelectModule,
+            MatPaginatorModule,
+            MatSortModule,
+            MatProgressSpinnerModule,
+            MatAutocompleteModule,
+            CodemirrorModule,
+            AngularEditorModule,
+            MatDatepickerModule,
+            NgxMatDatetimePickerModule, // Existe selon ta liste
+            NgxMatTimepickerComponent, // Attention : ta liste dit "NgxMatTimepickerComponent"
+            NgxMatNativeDateModule, // Existe selon ta liste
+            //NgxMatMomentModule,
+            DragDropModule,
+            AngularResizeEventModule, MatDatepickerModule,
+            NgxMatDatetimePickerModule, // Attention : ta liste dit "NgxMatTimepickerComponent"
+            NgxMatNativeDateModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlowwModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        UploadDocComponent,
+                        SafeHtmlPipe,
+                        DisplayObjectsComponent,
+                        HeaderComponent,
+                        ResultTableComponent,
+                        SearchFormComponent,
+                        ConfirmationComponent,
+                        PromptComponent,
+                        SecurePipe,
+                        SecureImgComponent,
+                        MenuListItemComponent,
+                        CodeEditorComponent,
+                        HtmlEditorComponent,
+                        HtmlFormatPipe,
+                        UploadFileComponent,
+                        FileSinkDirective,
+                        FileEditComponent,
+                        FoldersComponent,
+                        DownloadProgressComponent,
+                        SecureAComponent,
+                        DummyComponent,
+                        SelectComponent,
+                        AutoCompleteComponent,
+                        DatetimeComponent,
+                        RouteDirective,
+                        FilterFormComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        BrowserModule,
+                        RouterModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatDialogModule,
+                        MatInputModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatCardModule,
+                        MatProgressSpinnerModule,
+                        MatProgressBarModule,
+                        MatTableModule,
+                        MatSelectModule,
+                        MatPaginatorModule,
+                        MatSortModule,
+                        MatProgressSpinnerModule,
+                        MatAutocompleteModule,
+                        CodemirrorModule,
+                        AngularEditorModule,
+                        MatDatepickerModule,
+                        NgxMatDatetimePickerModule, // Existe selon ta liste
+                        NgxMatTimepickerComponent, // Attention : ta liste dit "NgxMatTimepickerComponent"
+                        NgxMatNativeDateModule, // Existe selon ta liste
+                        //NgxMatMomentModule,
+                        DragDropModule,
+                        AngularResizeEventModule
+                    ],
+                    providers: [],
+                    exports: [
+                        SafeHtmlPipe,
+                        UploadDocComponent,
+                        UploadFileComponent,
+                        DisplayObjectsComponent,
+                        HeaderComponent,
+                        ResultTableComponent,
+                        SearchFormComponent,
+                        ConfirmationComponent,
+                        PromptComponent,
+                        SecurePipe,
+                        SecureImgComponent,
+                        MenuListItemComponent,
+                        CodeEditorComponent,
+                        HtmlEditorComponent,
+                        HtmlFormatPipe,
+                        FoldersComponent,
+                        DownloadProgressComponent,
+                        SecureAComponent,
+                        DummyComponent,
+                        SelectComponent,
+                        AutoCompleteComponent,
+                        DatetimeComponent,
+                        MatDatepickerModule,
+                        NgxMatDatetimePickerModule, // Existe selon ta liste
+                        NgxMatTimepickerComponent, // Attention : ta liste dit "NgxMatTimepickerComponent"
+                        NgxMatNativeDateModule, // Existe selon ta liste
+                        //NgxMatMomentModule,
+                        FilterFormComponent
+                    ]
+                }]
+        }] });
+
+class GlowwSecurityService {
+    constructor() { }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlowwSecurityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlowwSecurityService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: GlowwSecurityService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class GlowwValidators {
+    static isObject(control) {
+        if (typeof control.value !== 'object') {
+            return { 'isNotObject': true };
+        }
+        return null;
+    }
+    static isEmail(control) {
+        if (!control.value)
+            return null;
+        var re = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/;
+        if (typeof control.value !== 'string' || !control.value.toString().match(re)) {
+            return { 'isNotEmail': true };
+        }
+        return null;
+    }
+    static isInteger(control) {
+        if (!control.value)
+            return null;
+        var re = /(?:^\s*\d*\s*$)/;
+        if ((typeof control.value !== 'number') && (typeof control.value !== 'string' || !control.value.toString().match(re))) {
+            return { 'isNotInteger': true };
+        }
+        return null;
+    }
+    static isNumber(control) {
+        if (!control.value)
+            return null;
+        var re = /(?:(?:^\s*(?:\d+(?:[\.]\d+)?)?\s*$))/;
+        if ((typeof control.value !== 'number') && (typeof control.value !== 'string' || !control.value.toString().match(re))) {
+            return { 'isNotNumber': true };
+        }
+        return null;
+    }
+    static isUrl(control) {
+        if (!control.value)
+            return null;
+        var re = /^(((https?:(?:\/\/)?)?(?:[\-;:&=\+\$,\w]+@)?[A-Za-z0-9\.\-]+|(?:www\.|[\-;:&=\+\$,\w]+@)[A-Za-z0-9\.\-]+)((?:\/[\+~%\/\.\w\-_]*)?\??(?:[\-\+=&;%@\.\w_]*)#?(?:[\.\!\/\\\w]*))?)$/;
+        if (typeof control.value !== 'string' || !control.value.toString().match(re)) {
+            return { 'isNotUrl': true };
+        }
+        return null;
+    }
+    static isIPv4(control) {
+        if (!control.value)
+            return null;
+        var re = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
+        if (typeof control.value !== 'string' || !control.value.toString().match(re)) {
+            return { 'isNotUrl': true };
+        }
+        return null;
+    }
+    static isIPv4Range(control) {
+        if (!control.value)
+            return null;
+        var re = /^(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\/\d{1,2}$/;
+        if (typeof control.value !== 'string' || !control.value.toString().match(re)) {
+            return { 'isNotUrl': true };
+        }
+        return null;
+    }
+    static isIPv6(control) {
+        if (!control.value)
+            return null;
+        var re = /^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))$/;
+        if (typeof control.value !== 'string' || !control.value.toString().match(re)) {
+            return { 'isNotUrl': true };
+        }
+        return null;
+    }
+    static isIPv6Range(control) {
+        if (!control.value)
+            return null;
+        var re = /^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))\/\d{1-3}$/;
+        if (typeof control.value !== 'string' || !control.value.toString().match(re)) {
+            return { 'isNotUrl': true };
+        }
+        return null;
+    }
+    static isMacAddr(control) {
+        if (!control.value)
+            return null;
+        var re = /^(?:[[:xdigit:]]{2}([-:]))(?:[[:xdigit:]]{2}\1){4}[[:xdigit:]]{2}$/;
+        if (typeof control.value !== 'string' || !control.value.toString().match(re)) {
+            return { 'isNotUrl': true };
+        }
+        return null;
+    }
+    static isInternationalPhoneNr(control) {
+        if (!control.value)
+            return null;
+        var re = /^\+(9[976]\d|8[987530]\d|6[987]\d|5[90]\d|42\d|3[875]\d|2[98654321]\d|9[8543210]|8[6421]|6[6543210]|5[87654321]|4[987654310]|3[9643210]|2[70]|7|1)\d{1,14}$/;
+        if (typeof control.value !== 'string' || !control.value.toString().match(re)) {
+            return { 'isNotUrl': true };
+        }
+        return null;
+    }
+    static isJson(control) {
+        if (!control.value)
+            return null;
+        if (typeof control.value === 'object') {
+            return null;
+        }
+        if (typeof control.value !== 'string') {
+            return { 'isNotJson': true };
+        }
+        try {
+            const j = JSON.parse(control.value);
+        }
+        catch (ex) {
+            return { 'invalidJson': true };
+        }
+        return null;
+    }
+}
+
+/*
+ * Public API Surface of gloww
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { API_SERVER_URL, AdministratorGuard, AuthGuard, AuthenticationService, AuthenticationServiceConfig, AutoCompleteComponent, BaseCollectionComponent, ChangePasswordDlgComponent, CodeEditorComponent, ConfirmationComponent, ConfirmationModel, DatetimeComponent, DialogService, DisplayObjectsComponent, DownloadProgressComponent, DummyComponent, ErrorInterceptor, FilterFormComponent, FolderService, FolderServiceConfig, FoldersComponent, GLOWW_APPLI, GlowwModule, GlowwSecurityModule, GlowwSecurityService, GlowwService, GlowwValidators, HasUnsavedDataGuard, HeaderComponent, HtmlEditorComponent, HtmlFormatPipe, JwtInterceptor, LoginComponent, MenuListItemComponent, NavService, PromptComponent, PromptModel, ResultTableComponent, SafeHtmlPipe, SearchFormComponent, SecureAComponent, SecureImgComponent, SecurePipe, SelectComponent, StagingInterceptor, UploadDocComponent, UploadFileComponent, UserMenuComponent, VersionCheckService, VoiceRecognitionService };
+//# sourceMappingURL=gloww-gloww.mjs.map