@ecodev/natural 44.0.6 → 45.1.0

package/fesm2020/ecodev-natural.mjs

@@ -1,7 +1,7 @@
 import '@angular/localize/init';
 import * as i0 from '@angular/core';
 import { Directive, Component, Inject, Injectable, HostBinding, HostListener, InjectionToken, Input, NgModule, EventEmitter, ChangeDetectionStrategy, Output, ContentChildren, Pipe, TemplateRef, ViewEncapsulation, ViewChild, Injector, Optional, Self, ContentChild, createEnvironmentInjector, createComponent, PLATFORM_ID, ErrorHandler } from '@angular/core';
-import { Subject, BehaviorSubject, of, timer, EMPTY, Observable, first as first$1, combineLatest, ReplaySubject, forkJoin, merge as merge$1, asyncScheduler, catchError } from 'rxjs';
+import { Subject, BehaviorSubject, of, timer, switchMap as switchMap$1, endWith, last, EMPTY, Observable, first as first$1, combineLatest, ReplaySubject, debounceTime as debounceTime$1, raceWith, take as take$1, mergeMap, shareReplay as shareReplay$1, catchError, forkJoin, map as map$1, merge as merge$1, tap as tap$1, asyncScheduler } from 'rxjs';
 import * as i3 from '@angular/forms';
 import { FormGroup, FormArray, Validators, UntypedFormGroup, UntypedFormArray, UntypedFormControl, FormsModule, FormControl, FormControlDirective, FormControlName, ReactiveFormsModule } from '@angular/forms';
 import * as i2$1 from '@angular/router';
@@ -13,7 +13,7 @@ import * as i4 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
 import * as i2 from '@angular/material/snack-bar';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
-import { switchMap, map, first, filter, finalize, takeUntil, take, tap, takeWhile, debounceTime, shareReplay, mergeMap, startWith, distinctUntilChanged, throttleTime } from 'rxjs/operators';
+import { switchMap, first, map, filter, finalize, takeUntil, take, tap, takeWhile, debounceTime, shareReplay, startWith, distinctUntilChanged, throttleTime } from 'rxjs/operators';
 import * as i7$2 from '@angular/material/table';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import { DataSource, SelectionModel } from '@angular/cdk/collections';
@@ -2121,7 +2121,7 @@ function unique(fieldName, excludedId, modelService) {
         };
         const qvm = new NaturalQueryVariablesManager();
         qvm.set('variables', variables);
-        return timer(500).pipe(switchMap(() => modelService.count(qvm).pipe(map(count => (count > 0 ? { duplicateValue: count } : null)))));
+        return timer(500).pipe(switchMap(() => modelService.count(qvm).pipe(first(), map(count => (count > 0 ? { duplicateValue: count } : null)))));
     };
 }
 /**
@@ -2346,51 +2346,50 @@ class NaturalAbstractDetail extends NaturalAbstractPanel {
         this.form.disable();
         this.service
             .create(this.data.model)
-            .pipe(finalize(() => this.form.enable()))
-            .subscribe(model => {
+            .pipe(switchMap$1(model => {
             this.alertService.info($localize `Créé`);
             this.form.patchValue(model);
-            this.postCreate(model).subscribe({
-                complete: () => {
-                    if (redirect) {
-                        if (this.isPanel) {
-                            const oldUrl = this.router.url;
-                            const nextUrl = this.panelData?.config.params.nextRoute;
-                            const newUrl = oldUrl.replace('/new', '/' + model.id) + (nextUrl ? '/' + nextUrl : '');
-                            this.router.navigateByUrl(newUrl); // replace /new by /123
-                        }
-                        else {
-                            this.router.navigate(['..', model.id], { relativeTo: this.route });
-                        }
-                    }
-                },
-            });
-        });
+            return this.postCreate(model).pipe(endWith(model), last());
+        }), switchMap$1(model => {
+            if (redirect) {
+                if (this.isPanel) {
+                    const oldUrl = this.router.url;
+                    const nextUrl = this.panelData?.config.params.nextRoute;
+                    const newUrl = oldUrl.replace('/new', '/' + model.id) + (nextUrl ? '/' + nextUrl : '');
+                    return this.router.navigateByUrl(newUrl); // replace /new by /123
+                }
+                else {
+                    return this.router.navigate(['..', model.id], { relativeTo: this.route });
+                }
+            }
+            return EMPTY;
+        }), finalize(() => this.form.enable()))
+            .subscribe();
     }
     delete(redirectionRoute) {
+        this.form.disable();
         this.alertService
             .confirm($localize `Suppression`, $localize `Voulez-vous supprimer définitivement cet élément ?`, $localize `Supprimer définitivement`)
-            .subscribe(confirmed => {
-            if (confirmed) {
-                this.preDelete(this.data.model);
-                this.form.disable();
-                this.service
-                    .delete([this.data.model])
-                    .pipe(finalize(() => this.form.enable()))
-                    .subscribe(() => {
-                    this.alertService.info($localize `Supprimé`);
-                    if (!this.isPanel) {
-                        const defaultRoute = ['../../' + kebabCase(this.key)];
-                        this.router.navigate(redirectionRoute ? redirectionRoute : defaultRoute, {
-                            relativeTo: this.route,
-                        });
-                    }
-                    else {
-                        this.panelService?.goToPenultimatePanel();
-                    }
-                });
+            .pipe(switchMap$1(confirmed => {
+            if (!confirmed) {
+                return EMPTY;
             }
-        });
+            this.preDelete(this.data.model);
+            return this.service.delete([this.data.model]).pipe(switchMap$1(() => {
+                this.alertService.info($localize `Supprimé`);
+                if (this.isPanel) {
+                    this.panelService?.goToPenultimatePanel();
+                    return EMPTY;
+                }
+                else {
+                    const defaultRoute = ['../../' + kebabCase(this.key)];
+                    return this.router.navigate(redirectionRoute ? redirectionRoute : defaultRoute, {
+                        relativeTo: this.route,
+                    });
+                }
+            }));
+        }), finalize(() => this.form.enable()))
+            .subscribe();
     }
     postUpdate(model) { }
     /**
@@ -3424,7 +3423,10 @@ class NaturalAbstractNavigableList extends NaturalAbstractList {
                 const variables = { filter: { groups: [{ conditions: [condition] }] } };
                 const qvm = new NaturalQueryVariablesManager();
                 qvm.set('variables', variables);
-                this.service.count(qvm).subscribe(count => (navigableItem.hasNavigation = count > 0));
+                this.service
+                    .count(qvm)
+                    .pipe(first$1())
+                    .subscribe(count => (navigableItem.hasNavigation = count > 0));
                 return navigableItem;
             });
             const navigableResult = {
@@ -3553,6 +3555,7 @@ function cancellableTimeout(canceller, milliSeconds = 0) {
 function debug(debugName) {
     return tap({
         subscribe: () => console.log('SUBSCRIBE', debugName),
+        unsubscribe: () => console.log('UNSUBSCRIBE', debugName),
         next: value => console.log('NEXT', debugName, value),
         error: error => console.log('ERROR', debugName, error),
         complete: () => console.log('COMPLETE', debugName),
@@ -3560,18 +3563,15 @@ function debug(debugName) {
 }
 
 class NaturalAbstractModelService {
-    constructor(apollo, name, oneQuery, allQuery, createMutation, updateMutation, deleteMutation) {
+    constructor(apollo, naturalDebounceService, name, oneQuery, allQuery, createMutation, updateMutation, deleteMutation) {
         this.apollo = apollo;
+        this.naturalDebounceService = naturalDebounceService;
         this.name = name;
         this.oneQuery = oneQuery;
         this.allQuery = allQuery;
         this.createMutation = createMutation;
         this.updateMutation = updateMutation;
         this.deleteMutation = deleteMutation;
-        /**
-         * Stores the debounced update function
-         */
-        this.debouncedUpdateCache = new Map();
         /**
          * Store the creation mutations that are pending
          */
@@ -3803,36 +3803,7 @@ class NaturalAbstractModelService {
         this.throwIfNotQuery(this.updateMutation);
         // Keep a single instance of the debounced update function
         const id = object.id;
-        let debounced = this.debouncedUpdateCache.get(id);
-        if (!debounced) {
-            const source = new ReplaySubject(1);
-            let wasCancelled = false;
-            const canceller = new Subject();
-            canceller.subscribe(() => {
-                wasCancelled = true;
-                source.complete();
-                canceller.complete();
-            });
-            // Create debounced update function
-            const result = source.pipe(debounceTime(2000), // Wait 2sec.
-            take(1), mergeMap(() => {
-                this.debouncedUpdateCache.delete(id);
-                if (wasCancelled) {
-                    return EMPTY;
-                }
-                return this.updateNow(object);
-            }), shareReplay());
-            debounced = {
-                source,
-                canceller,
-                result,
-            };
-            this.debouncedUpdateCache.set(id, debounced);
-        }
-        // Notify our debounced update each time we ask to update
-        debounced.source.next();
-        // Return and observable that is updated when mutation is done
-        return debounced.result;
+        return this.naturalDebounceService.debounce(this, id, this.updateNow(object));
     }
     /**
      * Update an object immediately when subscribing
@@ -3884,8 +3855,7 @@ class NaturalAbstractModelService {
         this.throwIfNotQuery(this.deleteMutation);
         const ids = objects.map(o => {
             // Cancel pending update
-            const debounced = this.debouncedUpdateCache.get(o.id);
-            debounced?.canceller.next();
+            this.naturalDebounceService.cancel(this, o.id);
             return o.id;
         });
         const variables = merge({
@@ -3933,7 +3903,7 @@ class NaturalAbstractModelService {
         return input;
     }
     /**
-     * Return the number of objects matching the query
+     * Return the number of objects matching the query. It may never complete.
      *
      * This is used for the unique validator
      */
@@ -4066,6 +4036,131 @@ class NaturalAbstractModelService {
     }
 }
 
+/**
+ * Debounce subscriptions to observable, with possibility to cancel one, or flush all of them. Typically,
+ * observables are object updates, so `NaturalAbstractModelService.updateNow()`.
+ *
+ * `key` must be an instance of `NaturalAbstractModelService` to separate objects by their types. So User with ID 1 is
+ * not confused with Product with ID 1. It has no other purpose.
+ *
+ * `id` should be the ID of the object that will be updated.
+ */
+class NaturalDebounceService {
+    constructor() {
+        this.flusher = new Subject();
+        /**
+         * Stores the debounced update function
+         */
+        this.allDebouncedUpdateCache = new Map();
+    }
+    /**
+     * Debounce the given source observable for a short time. If called multiple times with the same key and id,
+     * it will postpone the subscription to the source observable.
+     *
+     * Giving the same key and id but a different source observable will replace the original observable, but
+     * keep the same debouncing timeline.
+     */
+    debounce(key, id, source) {
+        const debouncedUpdateCache = this.getMap(key);
+        let debounced = debouncedUpdateCache.get(id);
+        if (debounced) {
+            debounced.source = source;
+        }
+        else {
+            const debouncer = new ReplaySubject(1);
+            let wasCancelled = false;
+            const canceller = new Subject();
+            canceller.subscribe(() => {
+                wasCancelled = true;
+                debouncer.complete();
+                canceller.complete();
+                this.delete(key, id);
+            });
+            debounced = {
+                debouncer,
+                canceller,
+                source,
+                result: debouncer.pipe(debounceTime$1(2000), // Wait 2 seconds...
+                raceWith(this.flusher), // ...unless flusher is triggered
+                take$1(1), mergeMap(() => {
+                    this.delete(key, id);
+                    if (wasCancelled || !debounced) {
+                        return EMPTY;
+                    }
+                    return debounced.source;
+                }), shareReplay$1()),
+            };
+            debouncedUpdateCache.set(id, debounced);
+        }
+        // Notify our debounced update each time we ask to update
+        debounced.debouncer.next();
+        // Return and observable that is updated when mutation is done
+        return debounced.result;
+    }
+    cancel(key, id) {
+        const debounced = this.allDebouncedUpdateCache.get(key)?.get(id);
+        debounced?.canceller.next();
+    }
+    /**
+     * Immediately execute all pending updates.
+     *
+     * It should typically be called before login out.
+     *
+     * The returned observable will complete when all updates complete, even if some of them error.
+     */
+    flush() {
+        const all = [];
+        this.allDebouncedUpdateCache.forEach(map => map.forEach(debounced => {
+            all.push(debounced.result.pipe(catchError(() => of(undefined))));
+        }));
+        if (!all.length) {
+            all.push(of(undefined));
+        }
+        return new Observable(subscriber => {
+            const subscription = forkJoin(all)
+                .pipe(map$1(() => undefined))
+                .subscribe(subscriber);
+            // Flush only after subscription process is finished
+            this.flusher.next();
+            return subscription;
+        });
+    }
+    /**
+     * Count of pending updates
+     */
+    get count() {
+        let count = 0;
+        this.allDebouncedUpdateCache.forEach(map => (count += map.size));
+        return count;
+    }
+    getMap(key) {
+        let debouncedUpdateCache = this.allDebouncedUpdateCache.get(key);
+        if (!debouncedUpdateCache) {
+            debouncedUpdateCache = new Map();
+            this.allDebouncedUpdateCache.set(key, debouncedUpdateCache);
+        }
+        return debouncedUpdateCache;
+    }
+    delete(key, id) {
+        const map = this.allDebouncedUpdateCache.get(key);
+        if (!map) {
+            return;
+        }
+        map.delete(id);
+        if (!map.size) {
+            this.allDebouncedUpdateCache.delete(key);
+        }
+    }
+}
+NaturalDebounceService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: NaturalDebounceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+NaturalDebounceService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: NaturalDebounceService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: NaturalDebounceService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 const enumTypeQuery = gql `
     query EnumType($name: String!) {
         __type(name: $name) {
@@ -4273,6 +4368,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1$1.Apollo }]; } });
 
+const patterns = [
+    /^(?<day>\d{1,2})\.(?<month>\d{1,2})\.(?<year>\d{4}|\d{2})$/,
+    /^(?<day>\d{1,2})-(?<month>\d{1,2})-(?<year>\d{4}|\d{2})$/,
+    /^(?<day>\d{1,2})\/(?<month>\d{1,2})\/(?<year>\d{4}|\d{2})$/,
+    /^(?<day>\d{1,2})\\(?<month>\d{1,2})\\(?<year>\d{4}|\d{2})$/,
+    // strict ISO format
+    /^(?<year>\d{4})-(?<month>\d{2})-(?<day>\d{2})$/,
+];
 class NaturalSwissParsingDateAdapter extends NativeDateAdapter {
     /**
      * Parse commonly accepted swiss format, such as:
@@ -4286,24 +4389,24 @@ class NaturalSwissParsingDateAdapter extends NativeDateAdapter {
             return new Date(value);
         }
         if (typeof value === 'string') {
-            let m = value.match(/(\d{1,2})\.(\d{1,2})\.(\d{4}|\d{2})/);
-            if (m) {
-                let year = +m[3];
-                // Assume year 2000 if only two digits
-                if (year < 100) {
-                    year += 2000;
+            const trimmed = value.trim();
+            for (const pattern of patterns) {
+                const m = trimmed.match(pattern);
+                if (m?.groups) {
+                    const year = +m.groups.year;
+                    const month = +m.groups.month;
+                    const day = +m.groups.day;
+                    return this.createDateIfValid(year, month, day);
                 }
-                return this.createDateIfValid(year, +m[2], +m[1]);
-            }
-            // Attempt strict ISO format
-            m = value.match(/(\d{4})-(\d{2})-(\d{2})/);
-            if (m) {
-                return this.createDateIfValid(+m[1], +m[2], +m[3]);
             }
         }
         return null;
     }
     createDateIfValid(year, month, date) {
+        // Assume year 2000 if only two digits
+        if (year < 100) {
+            year += 2000;
+        }
         month = month - 1;
         if (month >= 0 && month <= 11 && date >= 1 && date <= 31) {
             return this.createDate(year, month, date);
@@ -5373,6 +5476,7 @@ class TypeSelectComponent extends NaturalAbstractController {
         this.defaults = {
             items: [],
             multiple: true,
+            operators: true,
         };
         this.configuration = { ...this.defaults, ...data.configuration };
         // Immediately initValidators and everytime the operator change later
@@ -5421,7 +5525,7 @@ class TypeSelectComponent extends NaturalAbstractController {
         this.valueCtrl.updateValueAndValidity();
     }
     isMultiple() {
-        return !!this.configuration.multiple;
+        return this.configuration.multiple;
     }
     getItemById(id) {
         return this.items.find(item => this.getId(item) === id);
@@ -5469,6 +5573,9 @@ class TypeSelectComponent extends NaturalAbstractController {
         return [operator.label, selection].filter(v => v).join(' ');
     }
     conditionToOperatorKey(condition) {
+        if (!this.configuration.operators) {
+            return 'is';
+        }
         if (condition.in && !condition.in.not) {
             return 'is';
         }
@@ -5499,10 +5606,10 @@ class TypeSelectComponent extends NaturalAbstractController {
     }
 }
 TypeSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: TypeSelectComponent, deps: [{ token: NATURAL_DROPDOWN_DATA }], target: i0.ɵɵFactoryTarget.Component });
-TypeSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.1", type: TypeSelectComponent, selector: "ng-component", viewQueries: [{ propertyName: "list", first: true, predicate: MatSelectionList, descendants: true }], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\">\n    <mat-form-field style=\"max-width: 7em; margin-right: 1em\">\n        <mat-label i18n=\"Mathematical operator < > =\">Op\u00E9rateur</mat-label>\n        <mat-select [formControl]=\"operatorCtrl\" [required]=\"true\">\n            <mat-option *ngFor=\"let item of operators\" [value]=\"item.key\">\n                {{ item.label }}\n            </mat-option>\n        </mat-select>\n    </mat-form-field>\n\n    <mat-selection-list *ngIf=\"requireValueCtrl\" [formControl]=\"valueCtrl\">\n        <mat-list-option *ngFor=\"let item of items\" [value]=\"getId(item)\" checkboxPosition=\"before\">\n            {{ getDisplay(item) }}\n        </mat-list-option>\n    </mat-selection-list>\n</form>\n", dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "component", type: i4$2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4$3.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i4$3.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: i4$4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i1$7.MatOption, selector: "mat-option", exportAs: ["matOption"] }] });
+TypeSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.1", type: TypeSelectComponent, selector: "ng-component", viewQueries: [{ propertyName: "list", first: true, predicate: MatSelectionList, descendants: true }], usesInheritance: true, ngImport: i0, template: "<form [formGroup]=\"form\">\n    <mat-form-field style=\"max-width: 7em; margin-right: 1em\" *ngIf=\"configuration.operators\">\n        <mat-label i18n=\"Mathematical operator < > =\">Op\u00E9rateur</mat-label>\n        <mat-select [formControl]=\"operatorCtrl\" [required]=\"true\">\n            <mat-option *ngFor=\"let item of operators\" [value]=\"item.key\">\n                {{ item.label }}\n            </mat-option>\n        </mat-select>\n    </mat-form-field>\n\n    <mat-selection-list *ngIf=\"requireValueCtrl\" [formControl]=\"valueCtrl\">\n        <mat-list-option *ngFor=\"let item of items\" [value]=\"getId(item)\" checkboxPosition=\"before\">\n            {{ getDisplay(item) }}\n        </mat-list-option>\n    </mat-selection-list>\n</form>\n", dependencies: [{ kind: "directive", type: i1$3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "component", type: i4$2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i4$3.MatSelectionList, selector: "mat-selection-list", inputs: ["disableRipple", "color", "compareWith", "disabled", "multiple"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i4$3.MatListOption, selector: "mat-list-option", inputs: ["disableRipple", "checkboxPosition", "color", "value", "disabled", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "component", type: i4$4.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "component", type: i1$7.MatOption, selector: "mat-option", exportAs: ["matOption"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: TypeSelectComponent, decorators: [{
             type: Component,
-            args: [{ template: "<form [formGroup]=\"form\">\n    <mat-form-field style=\"max-width: 7em; margin-right: 1em\">\n        <mat-label i18n=\"Mathematical operator < > =\">Op\u00E9rateur</mat-label>\n        <mat-select [formControl]=\"operatorCtrl\" [required]=\"true\">\n            <mat-option *ngFor=\"let item of operators\" [value]=\"item.key\">\n                {{ item.label }}\n            </mat-option>\n        </mat-select>\n    </mat-form-field>\n\n    <mat-selection-list *ngIf=\"requireValueCtrl\" [formControl]=\"valueCtrl\">\n        <mat-list-option *ngFor=\"let item of items\" [value]=\"getId(item)\" checkboxPosition=\"before\">\n            {{ getDisplay(item) }}\n        </mat-list-option>\n    </mat-selection-list>\n</form>\n" }]
+            args: [{ template: "<form [formGroup]=\"form\">\n    <mat-form-field style=\"max-width: 7em; margin-right: 1em\" *ngIf=\"configuration.operators\">\n        <mat-label i18n=\"Mathematical operator < > =\">Op\u00E9rateur</mat-label>\n        <mat-select [formControl]=\"operatorCtrl\" [required]=\"true\">\n            <mat-option *ngFor=\"let item of operators\" [value]=\"item.key\">\n                {{ item.label }}\n            </mat-option>\n        </mat-select>\n    </mat-form-field>\n\n    <mat-selection-list *ngIf=\"requireValueCtrl\" [formControl]=\"valueCtrl\">\n        <mat-list-option *ngFor=\"let item of items\" [value]=\"getId(item)\" checkboxPosition=\"before\">\n            {{ getDisplay(item) }}\n        </mat-list-option>\n    </mat-selection-list>\n</form>\n" }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [NATURAL_DROPDOWN_DATA]
@@ -6052,7 +6159,6 @@ class TypeNumberComponent {
     constructor(data, dropdownRef) {
         this.dropdownRef = dropdownRef;
         this.renderedValue = new BehaviorSubject('');
-        this.configuration = {};
         this.operatorCtrl = new FormControl('equal', { nonNullable: true });
         this.valueCtrl = new FormControl();
         this.matcher = new InvalidWithValueStateMatcher$1();
@@ -6061,7 +6167,12 @@ class TypeNumberComponent {
             value: this.valueCtrl,
         });
         this.operators = possibleComparableOperators;
-        this.configuration = data.configuration || {};
+        this.defaults = {
+            min: null,
+            max: null,
+            step: null,
+        };
+        this.configuration = { ...this.defaults, ...data.configuration };
         merge$1(this.operatorCtrl.valueChanges, this.valueCtrl.valueChanges).subscribe(() => {
             const rendered = this.getRenderedValue();
             this.renderedValue.next(rendered);
@@ -6231,7 +6342,7 @@ class NaturalHierarchicSelectorService {
     }
     countItems(node, contextFilters = null) {
         const configurations = this.getContextualizedConfigs(node, contextFilters, null);
-        const observables = configurations.map(c => c.configuration.injectedService.count(c.variablesManager));
+        const observables = configurations.map(c => c.configuration.injectedService.count(c.variablesManager).pipe(first$1()));
         forkJoin(observables).subscribe(results => {
             const totalItems = results.reduce((total, length) => total + length, 0);
             node.expandable = totalItems > 0;
@@ -6268,12 +6379,6 @@ class NaturalHierarchicSelectorService {
         }
         return configsAndServices;
     }
-    /**
-     * Check configuration to return a boolean that allows or denies the selection for the given element
-     */
-    isSelectable(node) {
-        return !!node.node.config.selectableAtKey;
-    }
     /**
      * Return models matching given FlatNodes
      * Returns a Literal of models grouped by their configuration attribute "selectableAtKey"
@@ -6972,7 +7077,7 @@ class NaturalHierarchicSelectorComponent extends NaturalAbstractController {
         }
         else if (!this.multiple) {
             if (this.flatNodesSelection.isSelected(flatNode)) {
-                this.unselectSingleFlatNode(flatNode);
+                this.unselectSingleFlatNode();
             }
             else {
                 // If not multiple, and we want to select an element, unselect everything before to keep a single selection
@@ -7143,7 +7248,7 @@ class NaturalHierarchicSelectorComponent extends NaturalAbstractController {
     /**
      * Clear all selected and select the given node
      */
-    unselectSingleFlatNode(flatNode) {
+    unselectSingleFlatNode() {
         this.flatNodesSelection.clear();
         this.selectedNodes = [];
         this.updateSelection(this.selectedNodes);
@@ -8069,6 +8174,17 @@ function createFileInput(document) {
     fileElem.type = 'file';
     return fileElem;
 }
+function isDirectory(file) {
+    return file
+        .slice(0, 1)
+        .text()
+        .then(text => {
+        // Firefox will return empty string for a folder, so we must check that special case.
+        // That means that any empty file will incorrectly be interpreted as a folder on all
+        // browsers, but that's tolerable because there is no real use-case to upload an empty file.
+        return text !== '';
+    }, () => false);
+}
 function stopEvent(event) {
     event.preventDefault();
     event.stopPropagation();
@@ -8164,10 +8280,6 @@ class NaturalAbstractFile extends NaturalAbstractController {
         this.element = element;
         this.naturalFileService = naturalFileService;
         this.document = document;
-        this.validators = [
-            { name: 'accept', fn: this.acceptValidator },
-            { name: 'fileSize', fn: this.fileSizeValidator },
-        ];
         /**
          * Whether we should accept a single file or multiple files
          */
@@ -8264,8 +8376,7 @@ class NaturalAbstractFile extends NaturalAbstractController {
             valid: [],
             invalid: [],
         };
-        for (const file of files) {
-            const error = this.validate(file);
+        forkJoin(files.map(file => this.validate(file).pipe(tap$1(error => {
             if (error) {
                 selection.invalid.push({
                     file: file,
@@ -8275,17 +8386,18 @@ class NaturalAbstractFile extends NaturalAbstractController {
             else {
                 selection.valid.push(file);
             }
-        }
-        if (selection.valid.length) {
-            this.fileChange.emit(selection.valid[0]);
-        }
-        if (selection.valid.length || selection.invalid.length) {
-            this.filesChange.emit(selection);
-            if (this.broadcast) {
-                this.naturalFileService.filesChanged.next(selection);
+        })))).subscribe(() => {
+            if (selection.valid.length) {
+                this.fileChange.emit(selection.valid[0]);
             }
-        }
-        this.getFileElement().value = '';
+            if (selection.valid.length || selection.invalid.length) {
+                this.filesChange.emit(selection);
+                if (this.broadcast) {
+                    this.naturalFileService.filesChanged.next(selection);
+                }
+            }
+            this.getFileElement().value = '';
+        });
     }
     /**
      * Called when input has files
@@ -8332,18 +8444,18 @@ class NaturalAbstractFile extends NaturalAbstractController {
         this.handleFiles(files);
     }
     validate(file) {
-        for (const validator of this.validators) {
-            if (!validator.fn.call(this, file)) {
-                return validator.name;
+        return forkJoin({
+            accept: of(acceptType(this.accept, file.type, file.name)),
+            fileSize: of(!(this.maxSize && file.size > this.maxSize)),
+            directory: isDirectory(file),
+        }).pipe(map$1(result => {
+            for (const [key, value] of Object.entries(result)) {
+                if (!value) {
+                    return key;
+                }
             }
-        }
-        return null;
-    }
-    acceptValidator(item) {
-        return acceptType(this.accept, item.type, item.name);
-    }
-    fileSizeValidator(item) {
-        return !(this.maxSize && item.size > this.maxSize);
+            return null;
+        }));
     }
 }
 NaturalAbstractFile.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: NaturalAbstractFile, deps: [{ token: i0.ElementRef }, { token: NaturalFileService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Directive });
@@ -8695,9 +8807,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImpor
  */
 
 class NaturalFixedButtonDetailComponent {
-    constructor() {
+    constructor(route) {
+        this.canChange = true;
+        this.isCreation = false;
         this.create = new EventEmitter();
         this.delete = new EventEmitter();
+        route.params.subscribe(() => (this.canChange = true));
+    }
+    get model() {
+        return this._model;
+    }
+    set model(value) {
+        this._model = value;
+        if (this.canChange) {
+            this.isCreation = !this._model.id;
+        }
     }
     clickCreate() {
         if (this.form.enabled) {
@@ -8710,12 +8834,12 @@ class NaturalFixedButtonDetailComponent {
         }
     }
 }
-NaturalFixedButtonDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: NaturalFixedButtonDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NaturalFixedButtonDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.1", type: NaturalFixedButtonDetailComponent, selector: "natural-fixed-button-detail", inputs: { model: "model", form: "form" }, outputs: { create: "create", delete: "delete" }, ngImport: i0, template: "<natural-fixed-button\n    (click)=\"clickCreate()\"\n    *ngIf=\"!model.id\"\n    [disabled]=\"form.disabled\"\n    [color]=\"form.valid ? 'accent' : 'warn'\"\n    class=\"detail-speed-dial\"\n    icon=\"save\"\n></natural-fixed-button>\n\n<natural-fixed-button\n    (click)=\"clickDelete()\"\n    *ngIf=\"model.id && (!model.permissions || model.permissions.delete)\"\n    [disabled]=\"form.disabled\"\n    class=\"detail-speed-dial\"\n    color=\"warn\"\n    icon=\"delete_forever\"\n    i18n-matTooltip\n    matTooltip=\"Supprimer d\u00E9finitivement\"\n    matTooltipPosition=\"left\"\n></natural-fixed-button>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NaturalFixedButtonComponent, selector: "natural-fixed-button", inputs: ["icon", "link", "color", "disabled"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
+NaturalFixedButtonDetailComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: NaturalFixedButtonDetailComponent, deps: [{ token: i2$1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
+NaturalFixedButtonDetailComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.1", type: NaturalFixedButtonDetailComponent, selector: "natural-fixed-button-detail", inputs: { model: "model", form: "form" }, outputs: { create: "create", delete: "delete" }, ngImport: i0, template: "<natural-fixed-button\n    (click)=\"clickCreate()\"\n    *ngIf=\"isCreation\"\n    [disabled]=\"form.disabled\"\n    [color]=\"form.valid ? 'accent' : 'warn'\"\n    class=\"detail-speed-dial\"\n    icon=\"save\"\n></natural-fixed-button>\n\n<natural-fixed-button\n    (click)=\"clickDelete()\"\n    *ngIf=\"!isCreation && (!model.permissions || model.permissions.delete)\"\n    [disabled]=\"form.disabled\"\n    class=\"detail-speed-dial\"\n    color=\"warn\"\n    icon=\"delete_forever\"\n    i18n-matTooltip\n    matTooltip=\"Supprimer d\u00E9finitivement\"\n    matTooltipPosition=\"left\"\n></natural-fixed-button>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: NaturalFixedButtonComponent, selector: "natural-fixed-button", inputs: ["icon", "link", "color", "disabled"] }, { kind: "directive", type: i7.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImport: i0, type: NaturalFixedButtonDetailComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'natural-fixed-button-detail', template: "<natural-fixed-button\n    (click)=\"clickCreate()\"\n    *ngIf=\"!model.id\"\n    [disabled]=\"form.disabled\"\n    [color]=\"form.valid ? 'accent' : 'warn'\"\n    class=\"detail-speed-dial\"\n    icon=\"save\"\n></natural-fixed-button>\n\n<natural-fixed-button\n    (click)=\"clickDelete()\"\n    *ngIf=\"model.id && (!model.permissions || model.permissions.delete)\"\n    [disabled]=\"form.disabled\"\n    class=\"detail-speed-dial\"\n    color=\"warn\"\n    icon=\"delete_forever\"\n    i18n-matTooltip\n    matTooltip=\"Supprimer d\u00E9finitivement\"\n    matTooltipPosition=\"left\"\n></natural-fixed-button>\n" }]
-        }], propDecorators: { model: [{
+            args: [{ selector: 'natural-fixed-button-detail', template: "<natural-fixed-button\n    (click)=\"clickCreate()\"\n    *ngIf=\"isCreation\"\n    [disabled]=\"form.disabled\"\n    [color]=\"form.valid ? 'accent' : 'warn'\"\n    class=\"detail-speed-dial\"\n    icon=\"save\"\n></natural-fixed-button>\n\n<natural-fixed-button\n    (click)=\"clickDelete()\"\n    *ngIf=\"!isCreation && (!model.permissions || model.permissions.delete)\"\n    [disabled]=\"form.disabled\"\n    class=\"detail-speed-dial\"\n    color=\"warn\"\n    icon=\"delete_forever\"\n    i18n-matTooltip\n    matTooltip=\"Supprimer d\u00E9finitivement\"\n    matTooltipPosition=\"left\"\n></natural-fixed-button>\n" }]
+        }], ctorParameters: function () { return [{ type: i2$1.ActivatedRoute }]; }, propDecorators: { model: [{
                 type: Input
             }], form: [{
                 type: Input
@@ -10842,5 +10966,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AvatarComponent, AvatarService, FileComponent, IconsConfigService, LOCAL_STORAGE, NATURAL_DROPDOWN_DATA, NATURAL_SEO_CONFIG, NaturalAbstractController, NaturalAbstractDetail, NaturalAbstractEditableList, NaturalAbstractList, NaturalAbstractModelService, NaturalAbstractNavigableList, NaturalAbstractPanel, NaturalAlertModule, NaturalAlertService, NaturalAvatarModule, NaturalCapitalizePipe, NaturalColumnsPickerColumnDirective, NaturalColumnsPickerComponent, NaturalColumnsPickerModule, NaturalCommonModule, NaturalConfirmComponent, NaturalDataSource, NaturalDetailHeaderComponent, NaturalDetailHeaderModule, NaturalDialogTriggerComponent, NaturalDialogTriggerModule, NaturalDropdownComponentsModule, NaturalDropdownRef, NaturalEllipsisPipe, NaturalEnumPipe, NaturalEnumService, NaturalErrorHandler, NaturalErrorModule, NaturalFileDropDirective, NaturalFileModule, NaturalFileSelectDirective, NaturalFileService, NaturalFixedButtonComponent, NaturalFixedButtonDetailComponent, NaturalFixedButtonDetailModule, NaturalFixedButtonModule, NaturalHierarchicSelectorComponent, NaturalHierarchicSelectorDialogComponent, NaturalHierarchicSelectorDialogService, NaturalHierarchicSelectorModule, NaturalHierarchicSelectorService, NaturalHttpPrefixDirective, NaturalIconComponent, NaturalIconModule, NaturalLinkMutationService, NaturalLinkableTabDirective, NaturalLoggerConfigExtra, NaturalLoggerConfigUrl, NaturalMatomoModule, NaturalMatomoService, NaturalMemoryStorage, NaturalPanelsComponent, NaturalPanelsModule, NaturalPanelsService, NaturalPersistenceService, NaturalQueryVariablesManager, NaturalRelationsComponent, NaturalRelationsModule, NaturalSearchComponent, NaturalSearchModule, NaturalSelectComponent, NaturalSelectEnumComponent, NaturalSelectHierarchicComponent, NaturalSelectModule, NaturalSeoService, NaturalSidenavComponent, NaturalSidenavContainerComponent, NaturalSidenavContentComponent, NaturalSidenavModule, NaturalSidenavService, NaturalSidenavStackService, NaturalSrcDensityDirective, NaturalStampComponent, NaturalStampModule, NaturalSwissDatePipe, NaturalSwissParsingDateAdapter, NaturalTableButtonComponent, NaturalTableButtonModule, PanelsHooksConfig, SESSION_STORAGE, SortingOrder, TypeDateComponent, TypeDateRangeComponent, TypeHierarchicSelectorComponent, TypeNaturalSelectComponent, TypeNumberComponent, TypeSelectComponent, TypeTextComponent, available, cancellableTimeout, cleanSameValues, collectErrors, copyToClipboard, debug, decimal, deepFreeze, deliverableEmail, ensureHttpPrefix, fallbackIfNoOpenedPanels, formatIsoDate, formatIsoDateTime, fromUrl, getForegroundColor, hasFilesAndProcessDate, ifValid, integer, localStorageFactory, localStorageProvider, lowerCaseFirstLetter, makePlural, memoryLocalStorageProvider, memorySessionStorageProvider, mergeOverrideArray, money, naturalPanelsUrlMatcher, relationsToIds, replaceObjectKeepingReference, replaceOperatorByField, replaceOperatorByName, sessionStorageFactory, sessionStorageProvider, toGraphQLDoctrineFilter, toNavigationParameters, toUrl, unique, upperCaseFirstLetter, urlValidator, validTlds, validateAllFormControls, wrapLike };
+export { AvatarComponent, AvatarService, FileComponent, IconsConfigService, LOCAL_STORAGE, NATURAL_DROPDOWN_DATA, NATURAL_SEO_CONFIG, NaturalAbstractController, NaturalAbstractDetail, NaturalAbstractEditableList, NaturalAbstractList, NaturalAbstractModelService, NaturalAbstractNavigableList, NaturalAbstractPanel, NaturalAlertModule, NaturalAlertService, NaturalAvatarModule, NaturalCapitalizePipe, NaturalColumnsPickerColumnDirective, NaturalColumnsPickerComponent, NaturalColumnsPickerModule, NaturalCommonModule, NaturalConfirmComponent, NaturalDataSource, NaturalDebounceService, NaturalDetailHeaderComponent, NaturalDetailHeaderModule, NaturalDialogTriggerComponent, NaturalDialogTriggerModule, NaturalDropdownComponentsModule, NaturalDropdownRef, NaturalEllipsisPipe, NaturalEnumPipe, NaturalEnumService, NaturalErrorHandler, NaturalErrorModule, NaturalFileDropDirective, NaturalFileModule, NaturalFileSelectDirective, NaturalFileService, NaturalFixedButtonComponent, NaturalFixedButtonDetailComponent, NaturalFixedButtonDetailModule, NaturalFixedButtonModule, NaturalHierarchicSelectorComponent, NaturalHierarchicSelectorDialogComponent, NaturalHierarchicSelectorDialogService, NaturalHierarchicSelectorModule, NaturalHierarchicSelectorService, NaturalHttpPrefixDirective, NaturalIconComponent, NaturalIconModule, NaturalLinkMutationService, NaturalLinkableTabDirective, NaturalLoggerConfigExtra, NaturalLoggerConfigUrl, NaturalMatomoModule, NaturalMatomoService, NaturalMemoryStorage, NaturalPanelsComponent, NaturalPanelsModule, NaturalPanelsService, NaturalPersistenceService, NaturalQueryVariablesManager, NaturalRelationsComponent, NaturalRelationsModule, NaturalSearchComponent, NaturalSearchModule, NaturalSelectComponent, NaturalSelectEnumComponent, NaturalSelectHierarchicComponent, NaturalSelectModule, NaturalSeoService, NaturalSidenavComponent, NaturalSidenavContainerComponent, NaturalSidenavContentComponent, NaturalSidenavModule, NaturalSidenavService, NaturalSidenavStackService, NaturalSrcDensityDirective, NaturalStampComponent, NaturalStampModule, NaturalSwissDatePipe, NaturalSwissParsingDateAdapter, NaturalTableButtonComponent, NaturalTableButtonModule, PanelsHooksConfig, SESSION_STORAGE, SortingOrder, TypeDateComponent, TypeDateRangeComponent, TypeHierarchicSelectorComponent, TypeNaturalSelectComponent, TypeNumberComponent, TypeSelectComponent, TypeTextComponent, available, cancellableTimeout, cleanSameValues, collectErrors, copyToClipboard, debug, decimal, deepFreeze, deliverableEmail, ensureHttpPrefix, fallbackIfNoOpenedPanels, formatIsoDate, formatIsoDateTime, fromUrl, getForegroundColor, hasFilesAndProcessDate, ifValid, integer, localStorageFactory, localStorageProvider, lowerCaseFirstLetter, makePlural, memoryLocalStorageProvider, memorySessionStorageProvider, mergeOverrideArray, money, naturalPanelsUrlMatcher, relationsToIds, replaceObjectKeepingReference, replaceOperatorByField, replaceOperatorByName, sessionStorageFactory, sessionStorageProvider, toGraphQLDoctrineFilter, toNavigationParameters, toUrl, unique, upperCaseFirstLetter, urlValidator, validTlds, validateAllFormControls, wrapLike };
 //# sourceMappingURL=ecodev-natural.mjs.map