@gloww/gloww 0.9.0-beta.10

package/fesm2015/gloww-gloww.mjs

@@ -0,0 +1,3104 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, Pipe, Component, Inject, Input, EventEmitter, Directive, HostBinding, Output, HostListener, ViewChild, ContentChildren, PLATFORM_ID, Optional, ContentChild, NgModule, SecurityContext } from '@angular/core';
+import { Subject, BehaviorSubject, of, combineLatest, forkJoin, throwError } from 'rxjs';
+import * as i1 from '@angular/common/http';
+import { HttpClient, HttpParams, HttpEventType, HTTP_INTERCEPTORS, HttpClientModule, 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 i5 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i1$1 from '@angular/platform-browser';
+import { BrowserModule } from '@angular/platform-browser';
+import * as i2 from '@angular/router';
+import { NavigationEnd, RouterModule } from '@angular/router';
+import * as i5$3 from '@gloww/angular-editor';
+import { AngularEditorModule } from '@gloww/angular-editor';
+import { switchMap, map, tap, filter, catchError, take, mergeMap, retryWhen, scan, delay, first } from 'rxjs/operators';
+import * as i15 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 i12 from '@angular/material/table';
+import { MatColumnDef, MatTableDataSource, MatTable, MatTableModule } from '@angular/material/table';
+import * as i14 from '@angular/material/progress-spinner';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import * as i5$1 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i11 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i5$2 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i1$4 from '@ctrl/ngx-codemirror';
+import { CodemirrorModule } from '@ctrl/ngx-codemirror';
+import * as i1$3 from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i2$1 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import * as i7 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i8 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i9 from '@angular/material/core';
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import * as i9$1 from '@angular/flex-layout/flex';
+import * as i4 from '@angular/flex-layout/extended';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { FlexLayoutModule } from '@angular/flex-layout';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import jwt_decode from 'jwt-decode';
+import { __awaiter } from 'tslib';
+import * as FileSaver from 'file-saver';
+import * as JSZip from 'jszip';
+
+const API_SERVER_URL = new InjectionToken('ApiServerUrl.config');
+const GLOWW_APPLI = new InjectionToken('GlowwAppli.config');
+// @Injectable({
+//   providedIn: 'root'
+// })
+class GlowwService {
+    constructor(_injector) {
+        var _a;
+        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 (_b) { }
+        try {
+            this.BasePath = _injector.get(GLOWW_APPLI);
+        }
+        catch (_c) { }
+        this.BasePath = (_a = this.BasePath) !== null && _a !== void 0 ? _a : '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 += '/';
+            }
+        }
+    }
+    get basePath() {
+        return this.InternalBasePath;
+    }
+    set basePath(value) {
+        //alert(`setBasePath ${value}`)
+        var oldUrl = this.location.path();
+        var newUrl = oldUrl.replace(`/${this.InternalBasePath}/`, `/${value}/`);
+        //alert(`GlowwService setBasePath (${this.InternalBasePath},${value}) ${oldUrl} -> ${newUrl}`);
+        if (oldUrl !== newUrl) {
+            this.location.go(newUrl);
+            this.basePathChange.next(newUrl);
+        }
+        this.InternalBasePath = value;
+    }
+    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;
+    }
+}
+
+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;
+    }
+}
+VersionCheckService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: VersionCheckService, deps: [{ token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Injectable });
+VersionCheckService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: VersionCheckService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: VersionCheckService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }]; } });
+
+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
+    }
+}
+SafeHtmlPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SafeHtmlPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SafeHtmlPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SafeHtmlPipe, name: "safeHtml" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SafeHtmlPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'safeHtml'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
+
+class ConfirmationComponent {
+    constructor(dialogRef, data) {
+        var _a;
+        this.dialogRef = dialogRef;
+        this.data = data;
+        // Update view with given values
+        this.title = data.title;
+        this.message = data.message;
+        this.mode = (_a = data.mode) !== null && _a !== void 0 ? _a : 'confirmation';
+    }
+    onConfirm() {
+        // Close the dialog, return true
+        this.dialogRef.close(true);
+    }
+    onDismiss() {
+        // Close the dialog, return false
+        this.dialogRef.close(false);
+    }
+}
+ConfirmationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ConfirmationComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+ConfirmationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: ConfirmationComponent, selector: "glw-confirmation", ngImport: i0, template: "<h1 mat-dialog-title>\r\n    {{title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n    <p [innerHTML]=\"message | safeHtml\"></p>\r\n</div>\r\n\r\n<mat-dialog-actions *ngIf=\"mode==='confirmation'\">\r\n    <button mat-button (click)=\"onDismiss()\">No</button>\r\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Yes</button>\r\n</mat-dialog-actions>\r\n<mat-dialog-actions *ngIf=\"mode==='alert'\">\r\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">OK</button>\r\n</mat-dialog-actions>\r\n", styles: [""], components: [{ type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }], pipes: { "safeHtml": SafeHtmlPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ConfirmationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'glw-confirmation', template: "<h1 mat-dialog-title>\r\n    {{title}}\r\n</h1>\r\n\r\n<div mat-dialog-content>\r\n    <p [innerHTML]=\"message | safeHtml\"></p>\r\n</div>\r\n\r\n<mat-dialog-actions *ngIf=\"mode==='confirmation'\">\r\n    <button mat-button (click)=\"onDismiss()\">No</button>\r\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">Yes</button>\r\n</mat-dialog-actions>\r\n<mat-dialog-actions *ngIf=\"mode==='alert'\">\r\n    <button mat-raised-button color=\"primary\" (click)=\"onConfirm()\">OK</button>\r\n</mat-dialog-actions>\r\n", styles: [""] }]
+        }], ctorParameters: function () {
+        return [{ 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();
+    }
+}
+DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DialogService, deps: [{ token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
+DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DialogService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ 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();
+    }
+}
+NavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NavService, deps: [{ token: i2.Router }], target: i0.ɵɵFactoryTarget.Injectable });
+NavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NavService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: NavService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ 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 = '';
+    }
+}
+VoiceRecognitionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: VoiceRecognitionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+VoiceRecognitionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: VoiceRecognitionService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: VoiceRecognitionService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+class SecureImgComponent {
+    // 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)));
+    }
+    ngOnChanges() {
+        this.src$.next(this.src);
+    }
+    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))));
+    }
+}
+SecureImgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SecureImgComponent, deps: [{ token: i1.HttpClient }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+SecureImgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SecureImgComponent, selector: "secure-img", inputs: { src: "src" }, usesOnChanges: true, ngImport: i0, template: `
+    <img [src]="dataUrl$ | async" style="object-fit: contain;"/>
+  `, isInline: true, pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SecureImgComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'secure-img',
+                    template: `
+    <img [src]="dataUrl$ | async" style="object-fit: contain;"/>
+  `
+                }]
+        }], ctorParameters: function () { return [{ 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);
+        }
+    }
+}
+FileSinkDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FileSinkDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+FileSinkDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.3", type: FileSinkDirective, 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: "13.2.3", ngImport: i0, type: FileSinkDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[glowwFileSink]'
+                }]
+        }], 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 = [];
+                //if (this.allowAltFileName) { this.fileNames.clear(); }
+            }
+            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() {
+        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();
+    }
+}
+UploadFileComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: UploadFileComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+UploadFileComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: UploadFileComponent, 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 glowwFileSink (fileDropped)=\"onFileDropped($event)\" style=\"height:calc(100% - 40px)\">\r\n    <mat-card-content style=\"min-height:100px;height:calc(100% - 60px)\">\r\n        <div class=\"files-list\" *ngIf=\"files && files.length\" style=\"height:calc(100% - 60px)\">\r\n            <div class=\"single-file\" *ngFor=\"let file of files; let i = index\" [ngClass]=\"file.status\">\r\n                <i class=\"fa-thin fa-file fa-lg\"></i>\r\n                <div class=\"info\">\r\n                    <h4 class=\"name\">\r\n                        {{ file?.fileName }}\r\n                    </h4>\r\n                    <p class=\"size\">\r\n                        {{ formatBytes(file?.size) }}\r\n                    </p>\r\n                    <mat-progress-bar [value]=\"file.progress\"></mat-progress-bar>\r\n                </div>\r\n                <i class=\"fa-thin fa-trash fa-lg\" (click)=\"deleteFile(i)\"></i>\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"!files || !files.length\" style=\"height:calc(100% - 60px)\">No file(s) selected</div>\r\n        <input type=\"file\" #fileUpload id=\"fileUpload\" name=\"fileUpload\" [accept]=\"acceptMime\" style=\"display:none;\" [multiple]=\"multiple\" />\r\n    </mat-card-content>\r\n    <mat-card-actions style=\"text-align:center\">\r\n        <button mat-raised-button color=\"accent\" (click)=\"SelectFiles()\">\r\n      <i class=\"fal fa-file-upload\"></i> <span *ngIf=\"!multiple\">Select file or Drop a file</span>\r\n      <span *ngIf=\"multiple\">Select file(s) or drop file(s)</span>\r\n    </button>\r\n    </mat-card-actions>\r\n</mat-card>", styles: ["ul{list-style:none;padding-left:0}ul li{padding-bottom:10px}.fileover{-webkit-animation:shake 1s;animation:shake 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.files-list{margin-top:1.5rem}.files-list .single-file{padding:.5rem;justify-content:space-between;align-items:center;border:dashed 1px #979797;margin-bottom:1rem;display:flex;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}@-webkit-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)}}@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"], components: [{ type: i5$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i2$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: FileSinkDirective, selector: "[glowwFileSink]", outputs: ["fileDropped"] }, { type: i5$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i5$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: UploadFileComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-upload-file', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: UploadFileComponent
+                        }
+                    ], template: "<mat-card glowwFileSink (fileDropped)=\"onFileDropped($event)\" style=\"height:calc(100% - 40px)\">\r\n    <mat-card-content style=\"min-height:100px;height:calc(100% - 60px)\">\r\n        <div class=\"files-list\" *ngIf=\"files && files.length\" style=\"height:calc(100% - 60px)\">\r\n            <div class=\"single-file\" *ngFor=\"let file of files; let i = index\" [ngClass]=\"file.status\">\r\n                <i class=\"fa-thin fa-file fa-lg\"></i>\r\n                <div class=\"info\">\r\n                    <h4 class=\"name\">\r\n                        {{ file?.fileName }}\r\n                    </h4>\r\n                    <p class=\"size\">\r\n                        {{ formatBytes(file?.size) }}\r\n                    </p>\r\n                    <mat-progress-bar [value]=\"file.progress\"></mat-progress-bar>\r\n                </div>\r\n                <i class=\"fa-thin fa-trash fa-lg\" (click)=\"deleteFile(i)\"></i>\r\n            </div>\r\n        </div>\r\n        <div *ngIf=\"!files || !files.length\" style=\"height:calc(100% - 60px)\">No file(s) selected</div>\r\n        <input type=\"file\" #fileUpload id=\"fileUpload\" name=\"fileUpload\" [accept]=\"acceptMime\" style=\"display:none;\" [multiple]=\"multiple\" />\r\n    </mat-card-content>\r\n    <mat-card-actions style=\"text-align:center\">\r\n        <button mat-raised-button color=\"accent\" (click)=\"SelectFiles()\">\r\n      <i class=\"fal fa-file-upload\"></i> <span *ngIf=\"!multiple\">Select file or Drop a file</span>\r\n      <span *ngIf=\"multiple\">Select file(s) or drop file(s)</span>\r\n    </button>\r\n    </mat-card-actions>\r\n</mat-card>", styles: ["ul{list-style:none;padding-left:0}ul li{padding-bottom:10px}.fileover{-webkit-animation:shake 1s;animation:shake 1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.files-list{margin-top:1.5rem}.files-list .single-file{padding:.5rem;justify-content:space-between;align-items:center;border:dashed 1px #979797;margin-bottom:1rem;display:flex;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}@-webkit-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)}}@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: function () { return []; }, 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);
+        }
+    }
+}
+UploadDocComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: UploadDocComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i1$3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+UploadDocComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: UploadDocComponent, 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"], components: [{ type: UploadFileComponent, selector: "gloww-upload-file", inputs: ["multiple", "allowAltFileName", "acceptMime"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: UploadDocComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-upload-doc', 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: function () {
+        return [{ type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }, { type: i1$3.FormBuilder }];
+    } });
+
+class SearchFormComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+SearchFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SearchFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SearchFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SearchFormComponent, selector: "glw-search-form", ngImport: i0, template: "<ng-content></ng-content>", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SearchFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'glw-search-form', template: "<ng-content></ng-content>", styles: [""] }]
+        }], ctorParameters: function () { return []; } });
+
+class HeaderComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+HeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+HeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: HeaderComponent, selector: "glw-header", ngImport: i0, template: "<ng-content></ng-content>", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'glw-header', template: "<ng-content></ng-content>", styles: [""] }]
+        }], ctorParameters: function () { return []; } });
+
+class ResultTableComponent {
+    constructor() { }
+    ngAfterContentInit() {
+        console.log(this.columnDefs.length);
+    }
+    ngOnInit() {
+    }
+}
+ResultTableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ResultTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ResultTableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: ResultTableComponent, selector: "glw-result-table", queries: [{ propertyName: "columnDefs", predicate: MatColumnDef }], ngImport: i0, template: "<ng-content></ng-content>", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ResultTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'glw-result-table', template: "<ng-content></ng-content>", styles: [""] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { columnDefs: [{
+                type: ContentChildren,
+                args: [MatColumnDef]
+            }] } });
+
+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 = '';
+    }
+}
+AuthenticationServiceConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AuthenticationServiceConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+AuthenticationServiceConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AuthenticationServiceConfig, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", 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) {
+        var _a;
+        const params = new HttpParams({
+            fromObject: {
+                domain: (_a = this.currentUserValue.domain) !== null && _a !== void 0 ? _a : '',
+                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 });
+    }
+}
+AuthenticationService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AuthenticationService, deps: [{ token: i1.HttpClient }, { token: PLATFORM_ID }, { token: AuthenticationServiceConfig, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+AuthenticationService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AuthenticationService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AuthenticationService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () {
+        return [{ type: i1.HttpClient }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [PLATFORM_ID]
+                    }] }, { type: AuthenticationServiceConfig, decorators: [{
+                        type: Optional
+                    }] }];
+    } });
+
+;
+class DisplayObjectsComponent {
+    constructor(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 = {};
+        const component = this;
+        this.currentUser = this.authenticationService.currentUserValue.UserInfo;
+        this.form2 = this.formBuilder.group({
+            _MaxRow_: [null]
+        });
+    }
+    ngOnChanges(changes) {
+    }
+    ngAfterViewInit() {
+        var _a;
+        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}`];
+        }
+        if (((_a = this.maxrows) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+            this.form.addControl("_MaxRow_", new FormControl(null));
+        }
+    }
+    ngAfterContentInit() {
+        console.log(`INIT : fromLayout:${this.formLayout}-displayform:${this.displayform}`);
+        if (!this.formLayout && this.resultLayout) {
+            this.displayform = false;
+            this.displayresult = true;
+        }
+        this.glowwService.basePathChange.subscribe(newUrl => {
+            console.log(`basePathChange : fromLayout:${this.formLayout}-displayform:${this.displayform}`);
+            if (!this.formLayout && this.resultLayout) {
+                this.displayform = false;
+                this.displayresult = true;
+            }
+            if (!this.displayform) {
+                this.Search();
+            }
+        });
+    }
+    ngOnInit() {
+    }
+    Init(data) {
+        if ((data && Object.keys(data).length > 0) || this.displayresult) {
+            this.Search(data);
+        }
+    }
+    Search(data) {
+        this.data = data;
+        this.displayresult = true;
+        this.displayform = false;
+        this.resultException = null;
+        if (data) {
+            Object.keys(data).forEach(name => {
+                this.queryParams[name] = data[name];
+            });
+        }
+        Object.keys(this.route.snapshot.params).forEach(name => {
+            this.queryParams[name] = this.route.snapshot.params[name];
+        });
+        if (this.mandatoryParams) {
+            Object.keys(this.mandatoryParams).forEach(name => {
+                this.queryParams[name] = this.queryParams[name];
+            });
+        }
+        this.searchRequest.call(this.glowwService, this.queryParams).subscribe(r => {
+            this.dataSource = new MatTableDataSource(r);
+            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 = {};
+        Object.keys(this.form.value).forEach(name => {
+            const val = this.form.value[name];
+            if (val) {
+                if (val.constructor.name === 'Moment') {
+                    this.queryParams[name] = val.toISOString();
+                }
+                else {
+                    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();
+    }
+    UpdateDataSource(r) {
+        this.dataSource = new MatTableDataSource(r);
+        this.changeDetectorRef.detectChanges();
+        this.UpdateTable();
+    }
+    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.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) => {
+            var _a;
+            switch (event.type) {
+                case HttpEventType.UploadProgress:
+                    file.progress = Math.round(event.loaded * 100 / ((_a = event.total) !== null && _a !== void 0 ? _a : 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}`);
+            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() {
+        var _a;
+        const dialogConfig = new MatDialogConfig();
+        dialogConfig.disableClose = true;
+        dialogConfig.autoFocus = true;
+        dialogConfig.closeOnNavigation = false;
+        if (this.dialogConfig) {
+            Object.keys(this.dialogConfig).forEach(name => {
+                dialogConfig[name] = this.dialogConfig[name];
+            });
+        }
+        let args = {};
+        Object.keys((_a = this.route.snapshot) === null || _a === void 0 ? void 0 : _a.params).forEach(key => {
+            var _a;
+            args[key] = (_a = this.route.snapshot) === null || _a === void 0 ? void 0 : _a.params[key];
+            dialogConfig.data = args;
+        });
+        const dlg = this.dialog.open(this.Editor, dialogConfig);
+        dlg.componentInstance.callback = (data => {
+            let datacopy = Object.assign({}, data);
+            const fileFields = this.Editor.fileFields;
+            if ((fileFields === null || fileFields === void 0 ? void 0 : 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._saveObj(datacopy).pipe(switchMap(newdata => this._saveFile(fileField, newdata, file)));
+                        allobs[file.name] = obs;
+                    }
+                });
+                return combineLatest(allobs).pipe(take(1));
+            }
+            else if ((fileFields === null || fileFields === void 0 ? void 0 : 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;
+        if (this.dialogConfig) {
+            Object.keys(this.dialogConfig).forEach(name => {
+                dialogConfig[name] = this.dialogConfig[name];
+            });
+        }
+        dialogConfig.data = obj;
+        const dlg = this.dialog.open(this.Editor, dialogConfig);
+        dlg.componentInstance.callback = (data => {
+            let datacopy = Object.assign({}, data);
+            const fileFields = this.Editor.fileFields;
+            if ((fileFields === null || fileFields === void 0 ? void 0 : 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(obj, datacopy).pipe(switchMap(newdata => this._saveFile(fileField, newdata, file)));
+                        allobs[file.name] = obs;
+                    }
+                });
+                return combineLatest(allobs).pipe(take(1));
+            }
+            else if ((fileFields === null || fileFields === void 0 ? void 0 : 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(obj, 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(obj, data);
+            }
+        });
+    }
+}
+DisplayObjectsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DisplayObjectsComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.MatDialog }, { token: i2.Router }, { token: i3.Location }, { token: AuthenticationService }, { token: i1$3.FormBuilder }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+DisplayObjectsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: DisplayObjectsComponent, selector: "glw-display-objects", inputs: { configuration: "configuration", displayObjLink: "displayObjLink", canDisplayObj: "canDisplayObj", canEdit: "canEdit", canDelete: "canDelete", canAdd: "canAdd", form: "form", Editor: "Editor", searchRequest: "searchRequest", postRequest: "postRequest", deleteRequest: "deleteRequest", putRequest: "putRequest", columns: "columns", glowwService: "glowwService", objectName: "objectName", primaryKey: "primaryKey", maxrows: "maxrows", mandatoryParams: "mandatoryParams", actions: "actions", dialogConfig: "dialogConfig", fileFields: "fileFields" }, queries: [{ propertyName: "header", first: true, predicate: HeaderComponent, descendants: true }, { propertyName: "formLayout", first: true, predicate: SearchFormComponent, 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>\r\n    <ng-content select=\"glw-header\"></ng-content>\r\n</div>\r\n\r\n<div *ngIf=\"displayform\">\r\n    <mat-card>\r\n        <mat-card-content>\r\n            <mat-error *ngIf=\"resultException\">\r\n                Unable to query : {{resultException}}\r\n            </mat-error>\r\n            <ng-content select=\"glw-search-form\"></ng-content>\r\n            <div *ngIf=\"maxrows\" [formGroup]=\"form2\">\r\n                <br />\r\n                <mat-form-field>\r\n                    <mat-select placeholder=\"MaxRow\" formControlName=\"_MaxRow_\">\r\n                        <mat-option *ngFor=\"let maxrow of maxrows\" [value]=\"maxrow\">\r\n                            <span *ngIf=\"maxrow\">{{maxrow}} objects</span>\r\n                            <span *ngIf=\"!maxrow\"> Default</span>\r\n                        </mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n            </div>\r\n        </mat-card-content>\r\n        <mat-card-actions>\r\n            <button mat-stroked-button color=\"accent\" (click)=\"onSearch()\">\r\n        <mat-icon>search</mat-icon>\r\n        Search\r\n      </button>\r\n        </mat-card-actions>\r\n    </mat-card>\r\n</div>\r\n\r\n<div *ngIf=\"displayresult\">\r\n    <div class=\"mat-elevation-z8\" *ngIf=\"dataSource; else Spinner\">\r\n        <table mat-table [dataSource]=\"dataSource\" matSort>\r\n            <ng-container matColumnDef=\"action\">\r\n                <th mat-header-cell *matHeaderCellDef>\r\n                    <i class=\"fal fa-plus\" (click)=\"AddObj()\" *ngIf=\"canAddThis()\">\r\n          </i>\r\n                </th>\r\n                <td mat-cell *matCellDef=\"let obj\">\r\n                    <i class=\"fal fa-eye\" [routerLink]=\"displayObjLinkThis(obj)\" *ngIf=\"canDisplayObjThis(obj)\">\r\n          </i>\r\n                    <ng-container *ngFor=\"let action of actions\">\r\n                        <i [ngClass]=\"action.icon\" [routerLink]=\"action.routerLinkFct(obj)\" *ngIf=\"action.icon.icon && (!action.display || action.display(obj, action.name))\">\r\n            </i>\r\n                        <i [ngClass]=\"action.icon\" [routerLink]=\"action.routerLinkFct(obj)\" *ngIf=\"!action.icon.icon && (!action.display || action.display(obj, action.name))\"></i>\r\n                    </ng-container>\r\n                    <i class=\"fal fa-trash-alt\" (click)=\"DeleteObj(obj)\" *ngIf=\"canDeleteThis(obj)\">\r\n          </i>\r\n                    <i class=\"fal fa-pencil\" (click)=\"EditObj(obj)\" *ngIf=\"canEditThis(obj)\">\r\n          </i>\r\n                </td>\r\n            </ng-container>\r\n            <ng-content select=\"glw-result-table\"></ng-content>\r\n            <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\r\n            <tr mat-row *matRowDef=\"let myRowData; columns: columnsToDisplay\"></tr>\r\n        </table>\r\n        <mat-paginator pageSize=\"10\"></mat-paginator>\r\n    </div>\r\n    <ng-template #Spinner>\r\n        <mat-spinner></mat-spinner>\r\n    </ng-template>\r\n</div>\r\n", styles: ["table{width:100%}i{cursor:pointer;padding:5px}\n"], components: [{ type: i5$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i7.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i8.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i9.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i12.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { type: i12.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { type: i12.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { type: i13.MatPaginator, selector: "mat-paginator", inputs: ["disabled"], exportAs: ["matPaginator"] }, { type: i14.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i5$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i7.MatError, selector: "mat-error", inputs: ["id"] }, { type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5$1.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { type: i15.MatSort, selector: "[matSort]", inputs: ["matSortDisabled", "matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { type: i12.MatColumnDef, selector: "[matColumnDef]", inputs: ["sticky", "matColumnDef"] }, { type: i12.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { type: i12.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { type: i12.MatCellDef, selector: "[matCellDef]" }, { type: i12.MatCell, selector: "mat-cell, td[mat-cell]" }, { type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i12.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { type: i12.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DisplayObjectsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'glw-display-objects', template: "<div>\r\n    <ng-content select=\"glw-header\"></ng-content>\r\n</div>\r\n\r\n<div *ngIf=\"displayform\">\r\n    <mat-card>\r\n        <mat-card-content>\r\n            <mat-error *ngIf=\"resultException\">\r\n                Unable to query : {{resultException}}\r\n            </mat-error>\r\n            <ng-content select=\"glw-search-form\"></ng-content>\r\n            <div *ngIf=\"maxrows\" [formGroup]=\"form2\">\r\n                <br />\r\n                <mat-form-field>\r\n                    <mat-select placeholder=\"MaxRow\" formControlName=\"_MaxRow_\">\r\n                        <mat-option *ngFor=\"let maxrow of maxrows\" [value]=\"maxrow\">\r\n                            <span *ngIf=\"maxrow\">{{maxrow}} objects</span>\r\n                            <span *ngIf=\"!maxrow\"> Default</span>\r\n                        </mat-option>\r\n                    </mat-select>\r\n                </mat-form-field>\r\n            </div>\r\n        </mat-card-content>\r\n        <mat-card-actions>\r\n            <button mat-stroked-button color=\"accent\" (click)=\"onSearch()\">\r\n        <mat-icon>search</mat-icon>\r\n        Search\r\n      </button>\r\n        </mat-card-actions>\r\n    </mat-card>\r\n</div>\r\n\r\n<div *ngIf=\"displayresult\">\r\n    <div class=\"mat-elevation-z8\" *ngIf=\"dataSource; else Spinner\">\r\n        <table mat-table [dataSource]=\"dataSource\" matSort>\r\n            <ng-container matColumnDef=\"action\">\r\n                <th mat-header-cell *matHeaderCellDef>\r\n                    <i class=\"fal fa-plus\" (click)=\"AddObj()\" *ngIf=\"canAddThis()\">\r\n          </i>\r\n                </th>\r\n                <td mat-cell *matCellDef=\"let obj\">\r\n                    <i class=\"fal fa-eye\" [routerLink]=\"displayObjLinkThis(obj)\" *ngIf=\"canDisplayObjThis(obj)\">\r\n          </i>\r\n                    <ng-container *ngFor=\"let action of actions\">\r\n                        <i [ngClass]=\"action.icon\" [routerLink]=\"action.routerLinkFct(obj)\" *ngIf=\"action.icon.icon && (!action.display || action.display(obj, action.name))\">\r\n            </i>\r\n                        <i [ngClass]=\"action.icon\" [routerLink]=\"action.routerLinkFct(obj)\" *ngIf=\"!action.icon.icon && (!action.display || action.display(obj, action.name))\"></i>\r\n                    </ng-container>\r\n                    <i class=\"fal fa-trash-alt\" (click)=\"DeleteObj(obj)\" *ngIf=\"canDeleteThis(obj)\">\r\n          </i>\r\n                    <i class=\"fal fa-pencil\" (click)=\"EditObj(obj)\" *ngIf=\"canEditThis(obj)\">\r\n          </i>\r\n                </td>\r\n            </ng-container>\r\n            <ng-content select=\"glw-result-table\"></ng-content>\r\n            <tr mat-header-row *matHeaderRowDef=\"columnsToDisplay\"></tr>\r\n            <tr mat-row *matRowDef=\"let myRowData; columns: columnsToDisplay\"></tr>\r\n        </table>\r\n        <mat-paginator pageSize=\"10\"></mat-paginator>\r\n    </div>\r\n    <ng-template #Spinner>\r\n        <mat-spinner></mat-spinner>\r\n    </ng-template>\r\n</div>\r\n", styles: ["table{width:100%}i{cursor:pointer;padding:5px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$2.MatDialog }, { type: i2.Router }, { type: i3.Location }, { type: AuthenticationService }, { type: i1$3.FormBuilder }, { type: i2.ActivatedRoute }]; }, propDecorators: { header: [{
+                type: ContentChild,
+                args: [HeaderComponent]
+            }], formLayout: [{
+                type: ContentChild,
+                args: [SearchFormComponent]
+            }], 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
+            }], Editor: [{
+                type: Input
+            }], searchRequest: [{
+                type: Input
+            }], postRequest: [{
+                type: Input
+            }], deleteRequest: [{
+                type: Input
+            }], putRequest: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], glowwService: [{
+                type: Input
+            }], objectName: [{
+                type: Input
+            }], primaryKey: [{
+                type: Input
+            }], maxrows: [{
+                type: Input
+            }], mandatoryParams: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], dialogConfig: [{
+                type: Input
+            }], fileFields: [{
+                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);
+    }
+}
+PromptComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PromptComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i1$3.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+PromptComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: PromptComponent, 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: [""], components: [{ type: i7.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { 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]" }, { type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }], pipes: { "safeHtml": SafeHtmlPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: PromptComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-prompt', 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: [""] }]
+        }], ctorParameters: function () {
+        return [{ type: i1$2.MatDialogRef }, { type: PromptModel, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }, { type: i1$3.FormBuilder }];
+    } });
+// 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));
+    }
+}
+SecurePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SecurePipe, deps: [{ token: i1.HttpClient }, { token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+SecurePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SecurePipe, name: "secure" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SecurePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'secure'
+                }]
+        }], ctorParameters: function () { return [{ type: i1.HttpClient }, { type: i1$1.DomSanitizer }]; } });
+
+class MenuListItemComponent {
+    constructor(navService, router) {
+        this.navService = navService;
+        this.router = router;
+        this._expanded = false;
+        this.ariaExpanded = this.expanded;
+        if (this.depth === undefined) {
+            this.depth = 0;
+        }
+    }
+    get expanded() {
+        return this._expanded;
+    }
+    set expanded(value) {
+        console.log("change expanded");
+        this._expanded = value;
+    }
+    ngOnInit() {
+        /*
+        this.navService.currentUrl.subscribe((url: string) => {
+          let route = this.item.route as string;
+          if (typeof this.item.route === 'function') {
+            const routefct: () => (string | string[]) = this.item.route;
+            route = routefct.call(this);
+          }
+    
+    
+          if (this.item.route && url) {
+            // console.log(`Checking '/${this.item.route}' against '${url}'`);
+            //this.expanded = url.indexOf(`/${route}`) === 0;
+            //this.ariaExpanded = this.expanded;
+            // console.log(`${this.item.route} is expanded: ${this.expanded}`);
+          }
+        });
+        */
+    }
+    onItemSelected(item) {
+        /*if (!item.children || !item.children.length) {
+          if (typeof item.route === 'function') {
+            const routefct: () => string = item.route;
+            this.router.navigate([routefct.call(this)]);
+          } else {
+            const route: string = item.route;
+            this.router.navigate([route]);
+          }
+          this.navService.closeNav();
+        }*/
+        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) {
+        let route = this.item.route;
+        if (typeof this.item.route === 'function') {
+            const routefct = this.item.route;
+            route = routefct.call(this);
+        }
+        return route;
+    }
+}
+MenuListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: MenuListItemComponent, deps: [{ token: NavService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+MenuListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: MenuListItemComponent, selector: "gloww-menu-list-item", inputs: { item: "item", depth: "depth" }, host: { properties: { "attr.aria-expanded": "this.ariaExpanded" } }, ngImport: i0, template: "<div class=\"thisMenu\" (click)=\"onItemSelected(item)\">\r\n    <a mat-list-item [ngStyle]=\"{'padding-left': (depth * 12) + 'px'}\" [routerLink]=\"routerLink(item)\" [ngClass]=\"{'active': isActive(item), 'expanded': expanded}\" class=\"menu-list-item\">\r\n        <mat-icon class=\"routeIcon\"><i [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></i></mat-icon> {{item.displayName}}\r\n    </a>\r\n    <span fxFlex *ngIf=\"item.children && item.children.length\">\r\n    <span fxFlex></span>\r\n    <mat-icon [@indicatorRotate]=\"expanded ? 'expanded': 'collapsed'\" class=\"expandIcon\">\r\n        expand_more\r\n    </mat-icon>\r\n    </span>\r\n</div>\r\n<div *ngIf=\"expanded\">\r\n    <gloww-menu-list-item *ngFor=\"let child of item.children\" [item]=\"child\" [depth]=\"depth+1\">\r\n    </gloww-menu-list-item>\r\n</div>\r\n", styles: [".thisMenu{display:flex;flex-direction:row;justify-content:space-between;align-items:center;outline:none;width:calc(100% - 20px);margin:10px}.thisMenu .mat-list-item.active{background-color:#e8eaf6}.thisMenu:hover>.mat-list-item:not(.expanded),.thisMenu:focus>.mat-list-item:not(.expanded){background-color:#c5cae9!important}.mat-list-item{padding:8px 0;display:flex;width:auto}.mat-list-item .routeIcon{margin-right:40px}.routeIcon{margin-right:20px}.expandIcon{cursor:pointer}\n"], components: [{ type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: MenuListItemComponent, selector: "gloww-menu-list-item", inputs: ["item", "depth"] }], directives: [{ type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], 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: "13.2.3", 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)')),
+                        ])
+                    ], template: "<div class=\"thisMenu\" (click)=\"onItemSelected(item)\">\r\n    <a mat-list-item [ngStyle]=\"{'padding-left': (depth * 12) + 'px'}\" [routerLink]=\"routerLink(item)\" [ngClass]=\"{'active': isActive(item), 'expanded': expanded}\" class=\"menu-list-item\">\r\n        <mat-icon class=\"routeIcon\"><i [ngClass]=\"item.icon\" [ngStyle]=\"item.iconStyle\"></i></mat-icon> {{item.displayName}}\r\n    </a>\r\n    <span fxFlex *ngIf=\"item.children && item.children.length\">\r\n    <span fxFlex></span>\r\n    <mat-icon [@indicatorRotate]=\"expanded ? 'expanded': 'collapsed'\" class=\"expandIcon\">\r\n        expand_more\r\n    </mat-icon>\r\n    </span>\r\n</div>\r\n<div *ngIf=\"expanded\">\r\n    <gloww-menu-list-item *ngFor=\"let child of item.children\" [item]=\"child\" [depth]=\"depth+1\">\r\n    </gloww-menu-list-item>\r\n</div>\r\n", styles: [".thisMenu{display:flex;flex-direction:row;justify-content:space-between;align-items:center;outline:none;width:calc(100% - 20px);margin:10px}.thisMenu .mat-list-item.active{background-color:#e8eaf6}.thisMenu:hover>.mat-list-item:not(.expanded),.thisMenu:focus>.mat-list-item:not(.expanded){background-color:#c5cae9!important}.mat-list-item{padding:8px 0;display:flex;width:auto}.mat-list-item .routeIcon{margin-right:40px}.routeIcon{margin-right:20px}.expandIcon{cursor:pointer}\n"] }]
+        }], ctorParameters: function () { return [{ type: NavService }, { type: i2.Router }]; }, propDecorators: { ariaExpanded: [{
+                type: HostBinding,
+                args: ['attr.aria-expanded']
+            }], item: [{
+                type: Input
+            }], depth: [{
+                type: Input
+            }] } });
+
+class CodeEditorComponent {
+    constructor() {
+        this._value = null;
+        this.onChange = () => { };
+        this.onTouched = () => { };
+    }
+    get value() {
+        return this._value;
+    }
+    set value(val) {
+        this._value = val;
+        this.onChange(val);
+        this.onTouched();
+    }
+    writeValue(obj) {
+        if (typeof (obj) === 'object') {
+            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.');
+    }
+}
+CodeEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: CodeEditorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+CodeEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: CodeEditorComponent, selector: "gloww-code-editor", inputs: { _value: ["value", "_value"] }, providers: [
+        {
+            provide: NG_VALUE_ACCESSOR,
+            multi: true,
+            useExisting: CodeEditorComponent
+        }
+    ], ngImport: i0, template: "<ngx-codemirror [(ngModel)]=\"value\" [options]=\"{lineNumbers: true,theme: 'eclipse', indentWithTabs:true,indentUnit: 4,matchBrackets: true, mode: 'text/typescript', fixedGutter:false}\">\r\n</ngx-codemirror>\r\n", styles: [".cm-tab{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);background-position:right;background-repeat:no-repeat}\n"], components: [{ type: i1$4.CodemirrorComponent, selector: "ngx-codemirror", inputs: ["className", "name", "autoFocus", "options", "preserveScrollPosition"], outputs: ["cursorActivity", "focusChange", "scroll", "drop"] }], directives: [{ type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: CodeEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-code-editor', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: CodeEditorComponent
+                        }
+                    ], template: "<ngx-codemirror [(ngModel)]=\"value\" [options]=\"{lineNumbers: true,theme: 'eclipse', indentWithTabs:true,indentUnit: 4,matchBrackets: true, mode: 'text/typescript', fixedGutter:false}\">\r\n</ngx-codemirror>\r\n", styles: [".cm-tab{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);background-position:right;background-repeat:no-repeat}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { _value: [{
+                type: Input,
+                args: ['value']
+            }] } });
+
+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);
+    }
+}
+HtmlFormatPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: HtmlFormatPipe, deps: [{ token: i1$1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe });
+HtmlFormatPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: HtmlFormatPipe, name: "htmlFormat" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: HtmlFormatPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'htmlFormat'
+                }]
+        }], ctorParameters: function () { return [{ type: i1$1.DomSanitizer }]; } });
+
+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);
+    }
+}
+SocialNetworkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SocialNetworkComponent, deps: [{ token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Component });
+SocialNetworkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SocialNetworkComponent, selector: "gloww-social-network", inputs: { oAuthProviders: "oAuthProviders" }, outputs: { callback: "callback" }, ngImport: i0, template: "<div class=\"SocialNetwork\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" *ngIf=\"oAuthProviders\">\r\n    <ng-container *ngFor=\"let provider of oAuthProviders\">\r\n        <a (click)=\"execute(provider)\">\r\n            <i [ngClass]=\"icons[provider.toString()]\"></i>\r\n        </a>\r\n    </ng-container>\r\n</div>\r\n", styles: [""], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9$1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i9$1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SocialNetworkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-social-network', template: "<div class=\"SocialNetwork\" fxLayout=\"row\" fxLayoutAlign=\"space-between center\" *ngIf=\"oAuthProviders\">\r\n    <ng-container *ngFor=\"let provider of oAuthProviders\">\r\n        <a (click)=\"execute(provider)\">\r\n            <i [ngClass]=\"icons[provider.toString()]\"></i>\r\n        </a>\r\n    </ng-container>\r\n</div>\r\n", styles: [""] }]
+        }], ctorParameters: function () { return [{ 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) {
+        var _a, _b;
+        if (!fg) {
+            return;
+        }
+        return ((_a = fg.get('newpassword')) === null || _a === void 0 ? void 0 : _a.value) === ((_b = fg.get('confirmationPassword')) === null || _b === void 0 ? void 0 : _b.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 => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+            if ((_a = error.error) === null || _a === void 0 ? void 0 : _a.Code) {
+                switch ((_b = error.error) === null || _b === void 0 ? void 0 : _b.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(${(_d = (_c = error.error) === null || _c === void 0 ? void 0 : _c.Params) === null || _d === void 0 ? void 0 : _d.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(${(_f = (_e = error.error) === null || _e === void 0 ? void 0 : _e.Params) === null || _f === void 0 ? void 0 : _f.IP}).Vous ne pouvez pas réessayer pendant ${(_h = (_g = error.error) === null || _g === void 0 ? void 0 : _g.Params) === null || _h === void 0 ? void 0 : _h.nbrMinutes} minutes.`;
+                        break;
+                    case 'TOOMANYFORUSERNAME':
+                        this.error = `Trop de tentatives de connexion pour cet utilisateur(${(_k = (_j = error.error) === null || _j === void 0 ? void 0 : _j.Params) === null || _k === void 0 ? void 0 : _k.Username}).Vous ne pouvez pas réessayer pendant ${(_m = (_l = error.error) === null || _l === void 0 ? void 0 : _l.Params) === null || _m === void 0 ? void 0 : _m.nbrMinutes} minutes.`;
+                        break;
+                }
+                if (!this.error)
+                    this.error = error.error.Message;
+            }
+            else {
+                this.error = 'Impossible de se connecter. ';
+            }
+            this.loading = false;
+        });
+    }
+    onAskResetPasswordCode() {
+        var _a;
+        let gsm = this.lostPasswordForm.value.gsm;
+        if (!((_a = this.config) === null || _a === void 0 ? void 0 : _a.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 => { });
+    }
+}
+LoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LoginComponent, deps: [{ token: i1$3.FormBuilder }, { token: i2.ActivatedRoute }, { token: i2.Router }, { token: AuthenticationService }, { token: AuthenticationServiceConfig, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: LoginComponent, selector: "gloww-login", ngImport: i0, template: "<div class=\"login-wrapper\" fxLayout=\"row\" fxLayoutAlign=\"center center\" style=\"height:100%\">\r\n\r\n    <mat-card>\r\n        <mat-card-header>\r\n            <mat-card-title>Connexion</mat-card-title>\r\n        </mat-card-header>\r\n\r\n        <form class=\"example-form\" [formGroup]=\"loginForm\" (ngSubmit)=\"onConnect()\" *ngIf=\"state==1\">\r\n            <mat-card-content>\r\n                <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\">\r\n                    <span style=\"color:red; font-weight:bold;\" *ngIf=\"error\" fxFlex=\"100%\">{{error}}</span>\r\n                    <mat-form-field class=\"example-full-width\" *ngIf=\"showDomain\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Domain\" formControlName=\"domain\" (change)=\"resetError()\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Username\" formControlName=\"username\" (change)=\"resetError()\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Password\" formControlName=\"password\" type=\"password\" (change)=\"resetError()\">\r\n                    </mat-form-field>\r\n                </div>\r\n            </mat-card-content>\r\n            <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayoutGap=\"20px\">\r\n                <button mat-raised-button color=\"primary\" class=\"btn-block\" type=\"submit\">Me Connecter</button>\r\n                <button mat-stroked-button color=\"primary\" class=\"btn-block\" (click)=\"state=2; resetError();\">Mot de passe\r\n          oubli\u00E9</button>\r\n            </div>\r\n            <br />\r\n            <gloww-social-network (callback)=\"OAuthSignIn($event)\" [oAuthProviders]=\"oAuthProviders\"></gloww-social-network>\r\n        </form>\r\n        <form class=\"example-form\" [formGroup]=\"lostPasswordForm\" (ngSubmit)=\"onAskResetPasswordCode()\" *ngIf=\"state==2\">\r\n            <mat-card-content>\r\n                <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\">\r\n                    <span style=\"color:red; font-weight:bold;\" *ngIf=\"error\" fxFlex=\"100%\">{{error}}</span>\r\n                    <mat-form-field class=\"example-full-width\" *ngIf=\"showDomain\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Domain\" formControlName=\"domain\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Pr\u00E9nom\" formControlName=\"firstname\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Nom\" formControlName=\"lastname\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Email\" formControlName=\"email\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\" *ngIf=\"config?.askGSM\">\r\n                        <input matInput placeholder=\"Mobile\" formControlName=\"gsm\">\r\n                    </mat-form-field>\r\n                </div>\r\n            </mat-card-content>\r\n            <button mat-raised-button color=\"primary\" class=\"btn-block\" type=\"submit\">Demande de\r\n        r\u00E9initialisation</button>\r\n            <button mat-stroked-button color=\"primary\" class=\"btn-block\" (click)=\"state=3\">J'ai un\r\n        code</button>\r\n        </form>\r\n        <form class=\"example-form\" [formGroup]=\"resetPasswordForm\" (ngSubmit)=\"onResetPassword()\" *ngIf=\"state==3\">\r\n            <mat-card-content>\r\n                <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\">\r\n                    <span style=\"color:red; font-weight:bold;\" *ngIf=\"error\" fxFlex=\"100%\">{{error}}</span>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Email\" formControlName=\"email\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Code\" formControlName=\"code\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Password\" formControlName=\"newPassword\" type=\"password\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Confirmation\" formControlName=\"confirmationPassword\" type=\"password\">\r\n                    </mat-form-field>\r\n                </div>\r\n            </mat-card-content>\r\n            <button mat-raised-button color=\"primary\" class=\"btn-block\" type=\"submit\">R\u00E9initialiser</button>\r\n            <button mat-stroked-button color=\"primary\" class=\"btn-block\" (click)=\"state=1\">J'ai retrouv\u00E9 mon mot de\r\n        passe</button>\r\n        </form>\r\n        <form class=\"example-form\" [formGroup]=\"resetPasswordForm\" (ngSubmit)=\"onOAuthAskCode()\" *ngIf=\"state==4\">\r\n            <mat-card-content>\r\n                <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\">\r\n                    <span fxFlex=\"100%\">Entrez l'adresse associ\u00E9e \u00E0 votre compte. Vous recevrez un code par email.</span>\r\n                    <span style=\"color:red; font-weight:bold;\" *ngIf=\"error\" fxFlex=\"100%\">{{error}}</span>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Email\" formControlName=\"email\">\r\n                    </mat-form-field>\r\n                </div>\r\n            </mat-card-content>\r\n            <button mat-raised-button color=\"primary\" class=\"btn-block\" type=\"submit\">Obtenir code</button>\r\n        </form>\r\n        <form class=\"example-form\" [formGroup]=\"resetPasswordForm\" (ngSubmit)=\"onOAuthAssociation()\" *ngIf=\"state==5\">\r\n            <mat-card-content>\r\n                <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\">\r\n                    <span fxFlex=\"100%\">Faites un copier/coller du code re\u00E7u par mail</span>\r\n                    <span style=\"color:red; font-weight:bold;\" *ngIf=\"error\" fxFlex=\"100%\">{{error}}</span>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Code\" formControlName=\"code\">\r\n                    </mat-form-field>\r\n                </div>\r\n            </mat-card-content>\r\n            <button mat-raised-button color=\"primary\" class=\"btn-block\" type=\"submit\">Associer</button>\r\n        </form>\r\n    </mat-card>\r\n</div>", styles: ["html,body{height:100%;margin:0;padding:0}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}.app-header{justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:2;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.positronx{text-decoration:none;color:#fff}.box{position:relative;top:0;opacity:1;float:left;padding:60px 50px 40px;width:100%;background:#fff;border-radius:10px;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);z-index:5;max-width:330px}.box.back{transform:scale(.95);-webkit-transform:scale(.95);-ms-transform:scale(.95);top:-20px;opacity:.8;z-index:-1}.box:before{content:\"\";width:100%;height:30px;border-radius:10px;position:absolute;top:-10px;background:rgba(255,255,255,.6);left:0;transform:scale(.95);-webkit-transform:scale(.95);-ms-transform:scale(.95);z-index:-1}.login-wrapper{height:100%}.login-wrapper mat-card-header{text-align:center;width:100%;display:block;font-weight:700}.login-wrapper mat-card-header mat-card-title{font-size:30px;margin:0}.login-wrapper .mat-card{padding:40px 70px 50px}.login-wrapper .mat-stroked-button{border:1px solid currentColor;background:#FFF7FA}.login-wrapper .mat-form-field-appearance-legacy .mat-form-field-infix{padding:.8375em 0}.SocialNetwork a{margin:10px}.SocialNetwork a i{border:1;padding:10px}\n"], components: [{ type: i5$1.MatCard, selector: "mat-card", exportAs: ["matCard"] }, { type: i5$1.MatCardHeader, selector: "mat-card-header" }, { type: i7.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: SocialNetworkComponent, selector: "gloww-social-network", inputs: ["oAuthProviders"], outputs: ["callback"] }], directives: [{ type: i9$1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i9$1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i5$1.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5$1.MatCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]" }, { type: i9$1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { 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]" }, { type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i9$1.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: LoginComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-login', template: "<div class=\"login-wrapper\" fxLayout=\"row\" fxLayoutAlign=\"center center\" style=\"height:100%\">\r\n\r\n    <mat-card>\r\n        <mat-card-header>\r\n            <mat-card-title>Connexion</mat-card-title>\r\n        </mat-card-header>\r\n\r\n        <form class=\"example-form\" [formGroup]=\"loginForm\" (ngSubmit)=\"onConnect()\" *ngIf=\"state==1\">\r\n            <mat-card-content>\r\n                <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\">\r\n                    <span style=\"color:red; font-weight:bold;\" *ngIf=\"error\" fxFlex=\"100%\">{{error}}</span>\r\n                    <mat-form-field class=\"example-full-width\" *ngIf=\"showDomain\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Domain\" formControlName=\"domain\" (change)=\"resetError()\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Username\" formControlName=\"username\" (change)=\"resetError()\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Password\" formControlName=\"password\" type=\"password\" (change)=\"resetError()\">\r\n                    </mat-form-field>\r\n                </div>\r\n            </mat-card-content>\r\n            <div fxLayout=\"row\" fxLayoutAlign=\"end center\" fxLayoutGap=\"20px\">\r\n                <button mat-raised-button color=\"primary\" class=\"btn-block\" type=\"submit\">Me Connecter</button>\r\n                <button mat-stroked-button color=\"primary\" class=\"btn-block\" (click)=\"state=2; resetError();\">Mot de passe\r\n          oubli\u00E9</button>\r\n            </div>\r\n            <br />\r\n            <gloww-social-network (callback)=\"OAuthSignIn($event)\" [oAuthProviders]=\"oAuthProviders\"></gloww-social-network>\r\n        </form>\r\n        <form class=\"example-form\" [formGroup]=\"lostPasswordForm\" (ngSubmit)=\"onAskResetPasswordCode()\" *ngIf=\"state==2\">\r\n            <mat-card-content>\r\n                <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\">\r\n                    <span style=\"color:red; font-weight:bold;\" *ngIf=\"error\" fxFlex=\"100%\">{{error}}</span>\r\n                    <mat-form-field class=\"example-full-width\" *ngIf=\"showDomain\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Domain\" formControlName=\"domain\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Pr\u00E9nom\" formControlName=\"firstname\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Nom\" formControlName=\"lastname\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Email\" formControlName=\"email\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\" *ngIf=\"config?.askGSM\">\r\n                        <input matInput placeholder=\"Mobile\" formControlName=\"gsm\">\r\n                    </mat-form-field>\r\n                </div>\r\n            </mat-card-content>\r\n            <button mat-raised-button color=\"primary\" class=\"btn-block\" type=\"submit\">Demande de\r\n        r\u00E9initialisation</button>\r\n            <button mat-stroked-button color=\"primary\" class=\"btn-block\" (click)=\"state=3\">J'ai un\r\n        code</button>\r\n        </form>\r\n        <form class=\"example-form\" [formGroup]=\"resetPasswordForm\" (ngSubmit)=\"onResetPassword()\" *ngIf=\"state==3\">\r\n            <mat-card-content>\r\n                <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\">\r\n                    <span style=\"color:red; font-weight:bold;\" *ngIf=\"error\" fxFlex=\"100%\">{{error}}</span>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Email\" formControlName=\"email\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Code\" formControlName=\"code\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Password\" formControlName=\"newPassword\" type=\"password\">\r\n                    </mat-form-field>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Confirmation\" formControlName=\"confirmationPassword\" type=\"password\">\r\n                    </mat-form-field>\r\n                </div>\r\n            </mat-card-content>\r\n            <button mat-raised-button color=\"primary\" class=\"btn-block\" type=\"submit\">R\u00E9initialiser</button>\r\n            <button mat-stroked-button color=\"primary\" class=\"btn-block\" (click)=\"state=1\">J'ai retrouv\u00E9 mon mot de\r\n        passe</button>\r\n        </form>\r\n        <form class=\"example-form\" [formGroup]=\"resetPasswordForm\" (ngSubmit)=\"onOAuthAskCode()\" *ngIf=\"state==4\">\r\n            <mat-card-content>\r\n                <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\">\r\n                    <span fxFlex=\"100%\">Entrez l'adresse associ\u00E9e \u00E0 votre compte. Vous recevrez un code par email.</span>\r\n                    <span style=\"color:red; font-weight:bold;\" *ngIf=\"error\" fxFlex=\"100%\">{{error}}</span>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Email\" formControlName=\"email\">\r\n                    </mat-form-field>\r\n                </div>\r\n            </mat-card-content>\r\n            <button mat-raised-button color=\"primary\" class=\"btn-block\" type=\"submit\">Obtenir code</button>\r\n        </form>\r\n        <form class=\"example-form\" [formGroup]=\"resetPasswordForm\" (ngSubmit)=\"onOAuthAssociation()\" *ngIf=\"state==5\">\r\n            <mat-card-content>\r\n                <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\">\r\n                    <span fxFlex=\"100%\">Faites un copier/coller du code re\u00E7u par mail</span>\r\n                    <span style=\"color:red; font-weight:bold;\" *ngIf=\"error\" fxFlex=\"100%\">{{error}}</span>\r\n                    <mat-form-field class=\"example-full-width\" fxFlex=\"100%\">\r\n                        <input matInput placeholder=\"Code\" formControlName=\"code\">\r\n                    </mat-form-field>\r\n                </div>\r\n            </mat-card-content>\r\n            <button mat-raised-button color=\"primary\" class=\"btn-block\" type=\"submit\">Associer</button>\r\n        </form>\r\n    </mat-card>\r\n</div>", styles: ["html,body{height:100%;margin:0;padding:0}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}.app-header{justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:2;box-shadow:0 3px 5px -1px #0003,0 6px 10px #00000024,0 1px 18px #0000001f}.positronx{text-decoration:none;color:#fff}.box{position:relative;top:0;opacity:1;float:left;padding:60px 50px 40px;width:100%;background:#fff;border-radius:10px;transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);z-index:5;max-width:330px}.box.back{transform:scale(.95);-webkit-transform:scale(.95);-ms-transform:scale(.95);top:-20px;opacity:.8;z-index:-1}.box:before{content:\"\";width:100%;height:30px;border-radius:10px;position:absolute;top:-10px;background:rgba(255,255,255,.6);left:0;transform:scale(.95);-webkit-transform:scale(.95);-ms-transform:scale(.95);z-index:-1}.login-wrapper{height:100%}.login-wrapper mat-card-header{text-align:center;width:100%;display:block;font-weight:700}.login-wrapper mat-card-header mat-card-title{font-size:30px;margin:0}.login-wrapper .mat-card{padding:40px 70px 50px}.login-wrapper .mat-stroked-button{border:1px solid currentColor;background:#FFF7FA}.login-wrapper .mat-form-field-appearance-legacy .mat-form-field-infix{padding:.8375em 0}.SocialNetwork a{margin:10px}.SocialNetwork a i{border:1;padding:10px}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i1$3.FormBuilder }, { 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);
+    }
+}
+JwtInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: JwtInterceptor, deps: [{ token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Injectable });
+JwtInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: JwtInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: JwtInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ 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);
+        }));
+    }
+}
+ErrorInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ErrorInterceptor, deps: [{ token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Injectable });
+ErrorInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ErrorInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ErrorInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ 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 => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+            switch ((_a = error.error) === null || _a === void 0 ? void 0 : _a.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 (${(_c = (_b = error.error) === null || _b === void 0 ? void 0 : _b.Params) === null || _c === void 0 ? void 0 : _c.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 (${(_e = (_d = error.error) === null || _d === void 0 ? void 0 : _d.Params) === null || _e === void 0 ? void 0 : _e.IP}). Vous ne pouvez pas réessayer pendant ${(_g = (_f = error.error) === null || _f === void 0 ? void 0 : _f.Params) === null || _g === void 0 ? void 0 : _g.nbrMinutes} minutes.`;
+                    break;
+                case 'TOOMANYFORUSERNAME':
+                    this.error = `Trop de tentatives de connexion pour cet utilisateur (${(_j = (_h = error.error) === null || _h === void 0 ? void 0 : _h.Params) === null || _j === void 0 ? void 0 : _j.Username}). Vous ne pouvez pas réessayer pendant ${(_l = (_k = error.error) === null || _k === void 0 ? void 0 : _k.Params) === null || _l === void 0 ? void 0 : _l.nbrMinutes} minutes.`;
+                    break;
+            }
+            this.error = error.error.Message;
+        });
+    }
+    cancel() {
+        this.dialogRef.close();
+    }
+}
+ChangePasswordDlgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ChangePasswordDlgComponent, deps: [{ token: i1$3.FormBuilder }, { token: i1$2.MatDialogRef }, { token: AuthenticationService }], target: i0.ɵɵFactoryTarget.Component });
+ChangePasswordDlgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: ChangePasswordDlgComponent, selector: "gloww-change-password-dlg", ngImport: i0, template: "<h2 mat-dialog-title>Change Password</h2>\r\n<form class=\"example-form\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\r\n    <mat-dialog-content>\r\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\">\r\n            <div style=\"color:red; font-weight:bold;\" fxFlex=\"100%\">{{error}}</div>\r\n            <mat-form-field fxFlex=\"100%\">\r\n                <input matInput placeholder=\"Old Password\" formControlName=\"oldpassword\" type=\"password\" (change)=\"resetError()\">\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"100%\">\r\n                <input matInput placeholder=\"New Password\" formControlName=\"newpassword\" type=\"password\" (change)=\"resetError()\">\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"100%\">\r\n                <input matInput placeholder=\"Confirmation\" formControlName=\"confirmationpassword\" type=\"password\" (change)=\"resetError()\">\r\n            </mat-form-field>\r\n        </div>\r\n    </mat-dialog-content>\r\n    <mat-dialog-actions>\r\n        <button mat-stroked-button color=\"accent\" class=\"btn-block\" type=\"submit\" [disabled]=\"form.invalid\">Change\r\n      Password</button>\r\n        <button mat-stroked-button color=\"accent\" class=\"btn-block\" (click)=\"cancel()\">Cancel</button>\r\n    </mat-dialog-actions>\r\n</form>", styles: [""], components: [{ type: i7.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i9$1.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { type: i9$1.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { type: i9$1.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { type: i5$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { 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]" }, { type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: ChangePasswordDlgComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-change-password-dlg', template: "<h2 mat-dialog-title>Change Password</h2>\r\n<form class=\"example-form\" [formGroup]=\"form\" (ngSubmit)=\"onSubmit()\">\r\n    <mat-dialog-content>\r\n        <div fxLayout=\"row wrap\" fxLayoutAlign=\"space-between center\">\r\n            <div style=\"color:red; font-weight:bold;\" fxFlex=\"100%\">{{error}}</div>\r\n            <mat-form-field fxFlex=\"100%\">\r\n                <input matInput placeholder=\"Old Password\" formControlName=\"oldpassword\" type=\"password\" (change)=\"resetError()\">\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"100%\">\r\n                <input matInput placeholder=\"New Password\" formControlName=\"newpassword\" type=\"password\" (change)=\"resetError()\">\r\n            </mat-form-field>\r\n            <mat-form-field fxFlex=\"100%\">\r\n                <input matInput placeholder=\"Confirmation\" formControlName=\"confirmationpassword\" type=\"password\" (change)=\"resetError()\">\r\n            </mat-form-field>\r\n        </div>\r\n    </mat-dialog-content>\r\n    <mat-dialog-actions>\r\n        <button mat-stroked-button color=\"accent\" class=\"btn-block\" type=\"submit\" [disabled]=\"form.invalid\">Change\r\n      Password</button>\r\n        <button mat-stroked-button color=\"accent\" class=\"btn-block\" (click)=\"cancel()\">Cancel</button>\r\n    </mat-dialog-actions>\r\n</form>", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1$3.FormBuilder }, { 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');
+        });
+    }
+}
+SocialNetworkDlgComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SocialNetworkDlgComponent, deps: [{ token: i1$2.MatDialogRef }, { token: AuthenticationService }, { token: i1$2.MatDialog }, { token: AuthenticationServiceConfig, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SocialNetworkDlgComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SocialNetworkDlgComponent, 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: [""], components: [{ type: SocialNetworkComponent, selector: "gloww-social-network", inputs: ["oAuthProviders"], outputs: ["callback"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SocialNetworkDlgComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-social-network-dlg', 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: [""] }]
+        }], ctorParameters: function () {
+        return [{ 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 => {
+        });
+    }
+}
+UserMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: UserMenuComponent, deps: [{ token: AuthenticationService }, { token: i1$2.MatDialog }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+UserMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: UserMenuComponent, selector: "gloww-user-menu", inputs: { size: "size", imageUser: "imageUser", loginpage: "loginpage" }, ngImport: i0, template: "<div *ngIf=\"connected\">\r\n    <span (click)=\"toggleMenuUser()\">\r\n    <img [src]=\"imageUser\" style=\"height:40px;float:left; padding-left:20px\" *ngIf=\"imageUser\" />\r\n    <i [ngClass]=\"'fal fa-user '+size\" *ngIf=\"!imageUser\" style=\"float:left; padding-left:10px\">\r\n      <!--[size]=\"size\"-->\r\n    </i>\r\n  </span>\r\n    <div class=\"menuUser\" *ngIf=\"showMenuUser\">\r\n        <ul class=\"menuSec\" style=\"border: solid lightgrey;\">\r\n            <li (click)=\"ChangePassword()\">\r\n                <i class=\"fal fa-key-skeleton\"></i>Change Password\r\n            </li>\r\n            <li (click)=\"Configuration()\" *ngIf=\"oAuthProviders && oAuthProviders.length\">\r\n                <i class=\"fal fa-tools\"></i>Configuration\r\n            </li>\r\n            <li (click)=\"Logout()\">\r\n                <i class=\"fal fa-sign-out\"></i>D\u00E9connexion\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"!connected && loginpage\">\r\n    <span style=\"height:40px;float:left; padding-left:20px\" [routerLink]=\"loginpage\">Connexion</span>\r\n</div>\r\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"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: UserMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-user-menu', template: "<div *ngIf=\"connected\">\r\n    <span (click)=\"toggleMenuUser()\">\r\n    <img [src]=\"imageUser\" style=\"height:40px;float:left; padding-left:20px\" *ngIf=\"imageUser\" />\r\n    <i [ngClass]=\"'fal fa-user '+size\" *ngIf=\"!imageUser\" style=\"float:left; padding-left:10px\">\r\n      <!--[size]=\"size\"-->\r\n    </i>\r\n  </span>\r\n    <div class=\"menuUser\" *ngIf=\"showMenuUser\">\r\n        <ul class=\"menuSec\" style=\"border: solid lightgrey;\">\r\n            <li (click)=\"ChangePassword()\">\r\n                <i class=\"fal fa-key-skeleton\"></i>Change Password\r\n            </li>\r\n            <li (click)=\"Configuration()\" *ngIf=\"oAuthProviders && oAuthProviders.length\">\r\n                <i class=\"fal fa-tools\"></i>Configuration\r\n            </li>\r\n            <li (click)=\"Logout()\">\r\n                <i class=\"fal fa-sign-out\"></i>D\u00E9connexion\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</div>\r\n<div *ngIf=\"!connected && loginpage\">\r\n    <span style=\"height:40px;float:left; padding-left:20px\" [routerLink]=\"loginpage\">Connexion</span>\r\n</div>\r\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: function () { return [{ 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);
+    }
+}
+StagingInterceptor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: StagingInterceptor, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+StagingInterceptor.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: StagingInterceptor });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: StagingInterceptor, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+
+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;
+    }
+}
+AuthGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AuthGuard, deps: [{ token: i2.Router }, { token: AuthenticationService }, { token: i3.PlatformLocation }], target: i0.ɵɵFactoryTarget.Injectable });
+AuthGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AuthGuard, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AuthGuard, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: function () { return [{ 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;
+    }
+}
+AdministratorGuard.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AdministratorGuard, deps: [{ token: i2.Router }, { token: AuthenticationService }, { token: i3.PlatformLocation }], target: i0.ɵɵFactoryTarget.Injectable });
+AdministratorGuard.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AdministratorGuard, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: AdministratorGuard, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return [{ 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
+            ]
+        };
+    }
+}
+GlowwSecurityModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: GlowwSecurityModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+GlowwSecurityModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: GlowwSecurityModule, declarations: [LoginComponent,
+        ChangePasswordDlgComponent,
+        UserMenuComponent,
+        SocialNetworkDlgComponent,
+        SocialNetworkComponent], imports: [CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        BrowserModule,
+        BrowserAnimationsModule,
+        FlexLayoutModule,
+        MatToolbarModule,
+        MatButtonModule,
+        MatSidenavModule,
+        MatInputModule,
+        MatFormFieldModule,
+        MatCardModule,
+        MatDialogModule,
+        HttpClientModule,
+        RouterModule], exports: [LoginComponent, RouterModule, UserMenuComponent] });
+GlowwSecurityModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: GlowwSecurityModule, providers: [], imports: [[
+            CommonModule,
+            FormsModule,
+            ReactiveFormsModule,
+            BrowserModule,
+            BrowserAnimationsModule,
+            FlexLayoutModule,
+            MatToolbarModule,
+            MatButtonModule,
+            MatSidenavModule,
+            MatInputModule,
+            MatFormFieldModule,
+            MatCardModule,
+            MatDialogModule,
+            HttpClientModule,
+            RouterModule,
+        ], RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: GlowwSecurityModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LoginComponent,
+                        ChangePasswordDlgComponent,
+                        UserMenuComponent,
+                        SocialNetworkDlgComponent,
+                        SocialNetworkComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        BrowserModule,
+                        BrowserAnimationsModule,
+                        FlexLayoutModule,
+                        MatToolbarModule,
+                        MatButtonModule,
+                        MatSidenavModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        MatCardModule,
+                        MatDialogModule,
+                        HttpClientModule,
+                        RouterModule,
+                    ],
+                    providers: [],
+                    exports: [LoginComponent, RouterModule, UserMenuComponent]
+                }]
+        }] });
+
+class HtmlEditorComponent {
+    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,
+            sanitize: (html) => this.sanitize(html),
+            toolbarPosition: 'top',
+            toolbarHiddenButtons: [
+                ['insertImage', 'insertVideo', 'customClasses', 'heading', 'heading',
+                    'fontName',
+                    'fontSize',
+                    'textColor',
+                    'backgroundColor', !this.isAdministrator() ? 'toggleEditorMode' : '']
+            ],
+            additionalButtons: [
+                {
+                    title: 'Speech Recognition',
+                    click: (tb, 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();
+    }
+    cancel() {
+        var _a;
+        this.voiceRecognitionService.stop();
+        this.tb = undefined;
+        (_a = this.dialogRef) === null || _a === void 0 ? void 0 : _a.close();
+    }
+    paste() {
+        var _a, _b;
+        (_a = this.tb) === null || _a === void 0 ? void 0 : _a.insertHtml(new HtmlFormatPipe().transform(this.voiceRecognitionService.text));
+        this.voiceRecognitionService.stop();
+        this.tb = undefined;
+        (_b = this.dialogRef) === null || _b === void 0 ? void 0 : _b.close();
+    }
+    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) {
+        var _a, _b, _c;
+        let itres = (_a = this.sanitizer.sanitize(SecurityContext.STYLE, html)) === null || _a === void 0 ? void 0 : _a.replace(new RegExp('\\</?[a-z]+:[a-z]+\\>', 'gi'), '').replace(/class="Mso[a-z]+"/ig, '');
+        const matchTags = itres === null || itres === void 0 ? void 0 : itres.match(/<\s*\/?(?<tag>[a-z0-9]+)\s*[^>]*>/ig);
+        matchTags === null || matchTags === void 0 ? void 0 : matchTags.forEach(m => {
+            const matchTag = m.match(/<\s*\/?(?<tag>[a-z0-9]+)\s*[^>]*>/i);
+            if ((matchTag === null || matchTag === void 0 ? void 0 : matchTag.groups) && this.allowedTags.indexOf(matchTag === null || matchTag === void 0 ? void 0 : matchTag.groups['tag']) < 0) {
+                itres = itres === null || itres === void 0 ? void 0 : itres.replace(m, '');
+            }
+        });
+        while (true) {
+            const matchStyle = itres === null || itres === void 0 ? void 0 : itres.match(/style\s*=\s*"(?<style>[^"]+)"/i);
+            if (!matchStyle || !(matchStyle === null || matchStyle === void 0 ? void 0 : matchStyle.groups)) {
+                break;
+            }
+            const styles = (_b = matchStyle === null || matchStyle === void 0 ? void 0 : matchStyle.groups['style']) === null || _b === void 0 ? void 0 : _b.replace(/&quot;/ig, '"');
+            const smatches = styles.match(/(?<name>[^;:]+)\s*:\s*(?<value>[^;]+);*/ig);
+            const newStyles = [];
+            smatches === null || smatches === void 0 ? void 0 : smatches.forEach((v, i, a) => {
+                const ssmatches = v.match(/(?<name>[^;:]+)\s*:\s*(?<value>[^;]+);*/i);
+                if (ssmatches === null || ssmatches === void 0 ? void 0 : ssmatches.groups) {
+                    const name = ssmatches === null || ssmatches === void 0 ? void 0 : 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 === null || itres === void 0 ? void 0 : itres.replace(matchStyle[0], attr);
+        }
+        return (_c = itres === null || itres === void 0 ? void 0 : itres.replace(/stylenew=/ig, 'style=')) !== null && _c !== void 0 ? _c : "";
+    }
+    isAdministrator() {
+        const currentUser = this.authenticationService.currentUserValue.UserInfo;
+        return currentUser.IsAdministrator === 1 || currentUser.isAdministrator === 1;
+    }
+}
+HtmlEditorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: HtmlEditorComponent, deps: [{ token: i1$1.DomSanitizer }, { token: AuthenticationService }, { token: VoiceRecognitionService }, { token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+HtmlEditorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: HtmlEditorComponent, 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: [""], components: [{ type: i5$3.AngularEditorComponent, selector: "angular-editor", inputs: ["id", "config", "placeholder", "tabIndex"], outputs: ["html", "viewMode", "blur", "focus"] }], directives: [{ type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }], pipes: { "htmlFormat": HtmlFormatPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: HtmlEditorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-html-editor', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            multi: true,
+                            useExisting: HtmlEditorComponent
+                        }
+                    ], 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: [""] }]
+        }], ctorParameters: function () { return [{ 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"
+        };
+        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)$/ig)[0];
+            }
+            catch (_a) {
+                this.ext = null;
+            }
+        }
+    }
+    getMode() {
+        try {
+            if (this.ext && this.modes[this.ext]) {
+                return this.modes[this.ext];
+            }
+            else {
+                return "null";
+            }
+        }
+        catch (_a) {
+            return "null";
+        }
+    }
+    ngOnInit() {
+    }
+    cancel() {
+        this.dialogRef.close();
+    }
+    save() {
+        this.dialogRef.close(this.form.value);
+    }
+}
+FileEditComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FileEditComponent, deps: [{ token: i1$3.FormBuilder }, { token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
+FileEditComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FileEditComponent, selector: "gloww-file-edit", ngImport: i0, template: "<h2 mat-dialog-title>Ajout/Edition d'un fichier</h2>\r\n\r\n<mat-dialog-content [formGroup]=\"form\">\r\n    <mat-form-field>\r\n        <input matInput [readonly]=\"true\" placeholder=\"Path\" formControlName=\"path\" style=\"width: calc(100% - 32px);\">\r\n    </mat-form-field>\r\n    <br />\r\n    <ngx-codemirror formControlName=\"content\" [options]=\"{\r\n                lineNumbers: true,\r\n                theme: 'eclipse',\r\n\t\t\t\tindentWithTabs:true,\r\n\t\t\t\tindentUnit: 4,\r\n                mode: getMode()\r\n              }\"></ngx-codemirror>\r\n</mat-dialog-content>\r\n\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: [".cm-tab{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);background-position:right;background-repeat:no-repeat}\n"], components: [{ type: i7.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { type: i1$4.CodemirrorComponent, selector: "ngx-codemirror", inputs: ["className", "name", "autoFocus", "options", "preserveScrollPosition"], outputs: ["cursorActivity", "focusChange", "scroll", "drop"] }, { type: i5.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }], directives: [{ type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { 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]" }, { type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FileEditComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-file-edit', template: "<h2 mat-dialog-title>Ajout/Edition d'un fichier</h2>\r\n\r\n<mat-dialog-content [formGroup]=\"form\">\r\n    <mat-form-field>\r\n        <input matInput [readonly]=\"true\" placeholder=\"Path\" formControlName=\"path\" style=\"width: calc(100% - 32px);\">\r\n    </mat-form-field>\r\n    <br />\r\n    <ngx-codemirror formControlName=\"content\" [options]=\"{\r\n                lineNumbers: true,\r\n                theme: 'eclipse',\r\n\t\t\t\tindentWithTabs:true,\r\n\t\t\t\tindentUnit: 4,\r\n                mode: getMode()\r\n              }\"></ngx-codemirror>\r\n</mat-dialog-content>\r\n\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: [".cm-tab{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAMCAYAAAAkuj5RAAAAAXNSR0IArs4c6QAAAGFJREFUSMft1LsRQFAQheHPowAKoACx3IgEKtaEHujDjORSgWTH/ZOdnZOcM/sgk/kFFWY0qV8foQwS4MKBCS3qR6ixBJvElOobYAtivseIE120FaowJPN75GMu8j/LfMwNjh4HUpwg4LUAAAAASUVORK5CYII=);background-position:right;background-repeat:no-repeat}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i1$3.FormBuilder }, { type: i1$2.MatDialogRef }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [MAT_DIALOG_DATA]
+                    }] }];
+    } });
+
+class FolderServiceConfig {
+    constructor() {
+        this.apiPath = '/';
+    }
+    static Create(t) {
+        const res = new FolderServiceConfig();
+        if (t) {
+            Object.assign(res, t);
+        }
+        return res;
+    }
+}
+FolderServiceConfig.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FolderServiceConfig, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+FolderServiceConfig.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FolderServiceConfig, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", 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}`);
+    }
+    getDirectoryContent(path) {
+        return this.http.get(`${this.folderServiceConfig.apiPath}Directories/${path !== null && path !== void 0 ? 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 !== null && path !== void 0 ? path : "").replace(/[\/\\]/g, '%2F')}`, {
+            responseType: 'text'
+        });
+    }
+    getFileContentBlob(path) {
+        return this.http.get(`${this.folderServiceConfig.apiPath}Files/${(path !== null && path !== void 0 ? path : "").replace(/[\/\\]/g, '%2F')}`, {
+            responseType: 'blob'
+        });
+    }
+    postFileContent(path, formData) {
+        return this.http.post(`${this.folderServiceConfig.apiPath}Files/${(path !== null && path !== void 0 ? path : "").replace(/[\/\\]/g, '%2F')}`, formData, {
+            reportProgress: true,
+            observe: 'events'
+        });
+    }
+}
+FolderService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FolderService, deps: [{ token: i1.HttpClient }, { token: FolderServiceConfig }, { token: API_SERVER_URL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+FolderService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FolderService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FolderService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () {
+        return [{ 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);
+        for (let i = 0; i < byteString.length; i++) {
+            int8Array[i] = byteString.charCodeAt(i);
+        }
+        const blob = new Blob([int8Array], { type: 'text/plain' });
+        return blob;
+    }
+    isEditable(filename) {
+        return filename.match(/\.(txt|js|json|ts|cs|css|scss|xml|html|htm|exp|sh|pwsh)$/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' });
+                    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.');
+        }
+    }
+}
+FoldersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FoldersComponent, deps: [{ token: FolderService }, { token: i2.Router }, { token: i2.ActivatedRoute }, { token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+FoldersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FoldersComponent, selector: "gloww-folders", ngImport: i0, template: "<h1>\r\n    <i class=\"fal fa-folder\" size=\"40px\"></i> /{{currentDir}}\r\n    <i class=\"fal fa-level-up\" [routerLink]=\"getRouterLink()\" *ngIf=\"currentDir\"></i>\r\n</h1>\r\n<div *ngIf=\"directoryContent else Spinner\">\r\n    <i class=\"fal fa-folder-plus\" (click)=\"addFolder()\" size=\"30px\"></i>\r\n    <ul>\r\n        <li *ngFor=\"let d of directoryContent.directories\">\r\n            <i class=\"fal fa-folder\"></i><a [routerLink]=\"getRouterLink(d)\">{{d}}</a>\r\n        </li>\r\n    </ul>\r\n    <i class=\"fal fa-file-plus\" (click)=\"addFile()\" size=\"30px\"></i>\r\n    <i class=\"fal fa-file-upload\" (click)=\"addFileUpload()\" size=\"30px\"></i>\r\n    <ul>\r\n        <li *ngFor=\"let f of directoryContent.files\">\r\n            <a (click)=\"Edit(f)\" href=\"javascript:void(0);\" *ngIf=\"isEditable(f); else notEditable\">\r\n                <i class=\"fal fa-file\"></i> {{f}}\r\n            </a>\r\n            <ng-template #notEditable>\r\n                <i class=\"fal fa-file fa-disabled\"></i> <a (click)=\"downloadFile(f)\" target=\"_blank\" href=\"javascript:void(0);\">{{f}}</a>\r\n            </ng-template>\r\n        </li>\r\n    </ul>\r\n</div>\r\n<ng-template #Spinner>\r\n    <mat-spinner></mat-spinner>\r\n</ng-template>", styles: ["ul{list-style:none}.fa-disabled{opacity:.6;cursor:not-allowed}i{margin:5px;height:20px}\n"], components: [{ type: i14.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FoldersComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-folders', template: "<h1>\r\n    <i class=\"fal fa-folder\" size=\"40px\"></i> /{{currentDir}}\r\n    <i class=\"fal fa-level-up\" [routerLink]=\"getRouterLink()\" *ngIf=\"currentDir\"></i>\r\n</h1>\r\n<div *ngIf=\"directoryContent else Spinner\">\r\n    <i class=\"fal fa-folder-plus\" (click)=\"addFolder()\" size=\"30px\"></i>\r\n    <ul>\r\n        <li *ngFor=\"let d of directoryContent.directories\">\r\n            <i class=\"fal fa-folder\"></i><a [routerLink]=\"getRouterLink(d)\">{{d}}</a>\r\n        </li>\r\n    </ul>\r\n    <i class=\"fal fa-file-plus\" (click)=\"addFile()\" size=\"30px\"></i>\r\n    <i class=\"fal fa-file-upload\" (click)=\"addFileUpload()\" size=\"30px\"></i>\r\n    <ul>\r\n        <li *ngFor=\"let f of directoryContent.files\">\r\n            <a (click)=\"Edit(f)\" href=\"javascript:void(0);\" *ngIf=\"isEditable(f); else notEditable\">\r\n                <i class=\"fal fa-file\"></i> {{f}}\r\n            </a>\r\n            <ng-template #notEditable>\r\n                <i class=\"fal fa-file fa-disabled\"></i> <a (click)=\"downloadFile(f)\" target=\"_blank\" href=\"javascript:void(0);\">{{f}}</a>\r\n            </ng-template>\r\n        </li>\r\n    </ul>\r\n</div>\r\n<ng-template #Spinner>\r\n    <mat-spinner></mat-spinner>\r\n</ng-template>", styles: ["ul{list-style:none}.fa-disabled{opacity:.6;cursor:not-allowed}i{margin:5px;height:20px}\n"] }]
+        }], ctorParameters: function () { return [{ 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 = "Donwload des fichiers";
+        this.percent = -1;
+    }
+    ngOnInit() {
+        if (this.name) {
+            this.downloadZip();
+        }
+        else {
+            this.download();
+        }
+    }
+    getFile(url, callback) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const httpOptions = {
+                observe: "events",
+                reportProgress: true,
+                responseType: "blob" //as 'json'
+            };
+            const res = yield 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;
+    }
+    downloadZip() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const zip = new JSZip();
+            // tslint:disable-next-line:prefer-for-of
+            this.done = 0;
+            yield Promise.all(this.files.map((file) => __awaiter(this, void 0, void 0, function* () {
+                let fileData;
+                fileData = yield 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;
+            yield zip.generateAsync({ type: 'blob' }, this.callback_zip.bind(this)).then((content) => {
+                if (content) {
+                    FileSaver.saveAs(content, this.name);
+                }
+            });
+            this.dialogRef.close();
+        });
+    }
+    download() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const zip = new JSZip();
+            // tslint:disable-next-line:prefer-for-of
+            this.done = 0;
+            yield Promise.all(this.files.map((file) => __awaiter(this, void 0, void 0, function* () {
+                let fileData;
+                fileData = yield this.getFile(file.url, this.callback.bind(this));
+                const b = new Blob([fileData], { type: '' + fileData.type + '' });
+                FileSaver.saveAs(b, file.name);
+            })));
+            this.message = "Génération du fichier Zip";
+            this.done = -1;
+            this.dialogRef.close();
+        });
+    }
+}
+DownloadProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DownloadProgressComponent, deps: [{ token: i1$2.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i1.HttpClient }], target: i0.ɵɵFactoryTarget.Component });
+DownloadProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: DownloadProgressComponent, selector: "gloww-download-progress", ngImport: i0, template: "<h2 mat-dialog-title>Progression Donwload</h2>\r\n\r\n<mat-dialog-content>\r\n    <H3>{{message}}</H3>\r\n    <mat-progress-bar [value]=\"percent\" *ngIf=\"percent>0\"></mat-progress-bar>\r\n    <div *ngIf=\"done>=0\">\r\n        <mat-progress-bar [value]=\"done*100/files.length\"></mat-progress-bar> {{done}}/{{files.length}}\r\n        <br />\r\n        <ul>\r\n            <li *ngFor=\" let file of current; index as i\">\r\n                <span id=\"file-label\">{{file.url}}</span>\r\n                <mat-progress-bar [value]=\"file.loaded*100/file.total\"></mat-progress-bar>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</mat-dialog-content>\r\n\r\n\r\n<mat-dialog-actions>\r\n    <!--<button class=\"mat-raised-button\" (click)=\"cancel()\">Close</button>\r\n\t<button class=\"mat-raised-button mat-primary\" (click)=\"save()\">Save</button>-->\r\n</mat-dialog-actions>", styles: [""], components: [{ type: i2$1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }], directives: [{ type: i1$2.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: DownloadProgressComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-download-progress', template: "<h2 mat-dialog-title>Progression Donwload</h2>\r\n\r\n<mat-dialog-content>\r\n    <H3>{{message}}</H3>\r\n    <mat-progress-bar [value]=\"percent\" *ngIf=\"percent>0\"></mat-progress-bar>\r\n    <div *ngIf=\"done>=0\">\r\n        <mat-progress-bar [value]=\"done*100/files.length\"></mat-progress-bar> {{done}}/{{files.length}}\r\n        <br />\r\n        <ul>\r\n            <li *ngFor=\" let file of current; index as i\">\r\n                <span id=\"file-label\">{{file.url}}</span>\r\n                <mat-progress-bar [value]=\"file.loaded*100/file.total\"></mat-progress-bar>\r\n            </li>\r\n        </ul>\r\n    </div>\r\n</mat-dialog-content>\r\n\r\n\r\n<mat-dialog-actions>\r\n    <!--<button class=\"mat-raised-button\" (click)=\"cancel()\">Close</button>\r\n\t<button class=\"mat-raised-button mat-primary\" (click)=\"save()\">Save</button>-->\r\n</mat-dialog-actions>", styles: [""] }]
+        }], ctorParameters: function () {
+        return [{ 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();
+    }
+}
+SecureAComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: SecureAComponent, deps: [{ token: i1$2.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+SecureAComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: SecureAComponent, 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: "13.2.3", ngImport: i0, type: SecureAComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gloww-secure-a', template: "<a (click)=\"click()\" href=\"javascript:void(0);\">\r\n    <ng-content></ng-content>\r\n</a>", styles: [""] }]
+        }], ctorParameters: function () { return [{ type: i1$2.MatDialog }]; }, propDecorators: { href: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }] } });
+
+class GlowwModule {
+    static forRoot(folderServiceConfig) {
+        console.log(`forRoot ${folderServiceConfig}`);
+        return {
+            ngModule: GlowwModule,
+            providers: [
+                VersionCheckService,
+                NavService,
+                VoiceRecognitionService,
+                {
+                    provide: FolderServiceConfig,
+                    useValue: folderServiceConfig
+                }
+            ]
+        };
+    }
+}
+GlowwModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: GlowwModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+GlowwModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.3", 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], imports: [CommonModule,
+        BrowserModule,
+        RouterModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatDialogModule,
+        MatInputModule,
+        MatIconModule,
+        MatButtonModule,
+        MatCardModule,
+        MatProgressSpinnerModule,
+        MatProgressBarModule,
+        MatTableModule,
+        MatSelectModule,
+        MatPaginatorModule,
+        MatSortModule,
+        MatProgressSpinnerModule,
+        CodemirrorModule,
+        AngularEditorModule], exports: [SafeHtmlPipe,
+        UploadDocComponent,
+        UploadFileComponent,
+        DisplayObjectsComponent,
+        HeaderComponent,
+        ResultTableComponent,
+        SearchFormComponent,
+        ConfirmationComponent,
+        PromptComponent,
+        SecurePipe,
+        SecureImgComponent,
+        MenuListItemComponent,
+        CodeEditorComponent,
+        HtmlEditorComponent,
+        HtmlFormatPipe,
+        FoldersComponent,
+        DownloadProgressComponent,
+        SecureAComponent] });
+GlowwModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: GlowwModule, providers: [], imports: [[
+            CommonModule,
+            BrowserModule,
+            RouterModule,
+            FormsModule,
+            ReactiveFormsModule,
+            MatDialogModule,
+            MatInputModule,
+            MatIconModule,
+            MatButtonModule,
+            MatCardModule,
+            MatProgressSpinnerModule,
+            MatProgressBarModule,
+            MatTableModule,
+            MatSelectModule,
+            MatPaginatorModule,
+            MatSortModule,
+            MatProgressSpinnerModule,
+            CodemirrorModule,
+            AngularEditorModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", 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,
+                    ],
+                    imports: [
+                        CommonModule,
+                        BrowserModule,
+                        RouterModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                        MatDialogModule,
+                        MatInputModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        MatCardModule,
+                        MatProgressSpinnerModule,
+                        MatProgressBarModule,
+                        MatTableModule,
+                        MatSelectModule,
+                        MatPaginatorModule,
+                        MatSortModule,
+                        MatProgressSpinnerModule,
+                        CodemirrorModule,
+                        AngularEditorModule
+                    ],
+                    providers: [],
+                    exports: [
+                        SafeHtmlPipe,
+                        UploadDocComponent,
+                        UploadFileComponent,
+                        DisplayObjectsComponent,
+                        HeaderComponent,
+                        ResultTableComponent,
+                        SearchFormComponent,
+                        ConfirmationComponent,
+                        PromptComponent,
+                        SecurePipe,
+                        SecureImgComponent,
+                        MenuListItemComponent,
+                        CodeEditorComponent,
+                        HtmlEditorComponent,
+                        HtmlFormatPipe,
+                        FoldersComponent,
+                        DownloadProgressComponent,
+                        SecureAComponent
+                    ]
+                }]
+        }] });
+
+class GlowwSecurityService {
+    constructor() { }
+}
+GlowwSecurityService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: GlowwSecurityService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+GlowwSecurityService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: GlowwSecurityService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: GlowwSecurityService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: function () { return []; } });
+
+/*
+ * Public API Surface of gloww
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { API_SERVER_URL, AdministratorGuard, AuthGuard, AuthenticationService, AuthenticationServiceConfig, ChangePasswordDlgComponent, CodeEditorComponent, ConfirmationComponent, ConfirmationModel, DialogService, DisplayObjectsComponent, DownloadProgressComponent, ErrorInterceptor, FolderServiceConfig, FoldersComponent, GLOWW_APPLI, GlowwModule, GlowwSecurityModule, GlowwSecurityService, GlowwService, HeaderComponent, HtmlEditorComponent, HtmlFormatPipe, JwtInterceptor, LoginComponent, MenuListItemComponent, NavService, PromptComponent, PromptModel, ResultTableComponent, SafeHtmlPipe, SearchFormComponent, SecureAComponent, SecureImgComponent, SecurePipe, StagingInterceptor, UploadDocComponent, UploadFileComponent, UserMenuComponent, VersionCheckService, VoiceRecognitionService };
+//# sourceMappingURL=gloww-gloww.mjs.map