@ecodev/natural 56.0.4 → 57.0.0

package/fesm2022/ecodev-natural.mjs

@@ -1,18 +1,18 @@
 import * as i0 from '@angular/core';
 import { Directive, Component, Inject, Injectable, HostBinding, HostListener, inject, InjectionToken, TemplateRef, ViewEncapsulation, ViewChild, Injector, Optional, Input, Host, Self, EventEmitter, Output, Pipe, LOCALE_ID, APP_INITIALIZER, ContentChild, createEnvironmentInjector, createComponent, runInInjectionContext, PLATFORM_ID, ErrorHandler, importProvidersFrom } from '@angular/core';
-import { Subject, BehaviorSubject, of, timer, switchMap as switchMap$1, endWith, last, EMPTY, merge as merge$1, Observable, first as first$1, combineLatest, catchError, from, ReplaySubject, debounceTime as debounceTime$1, raceWith, take as take$1, mergeMap, shareReplay as shareReplay$1, forkJoin, map as map$1, tap as tap$1, asyncScheduler } from 'rxjs';
+import { Subject, Observable, takeUntil, BehaviorSubject, of, timer, switchMap as switchMap$1, tap, endWith, last, EMPTY, finalize, merge as merge$1, first as first$1, take, map as map$1, ReplaySubject, debounceTime, raceWith, mergeMap, shareReplay, catchError, forkJoin, combineLatest, from, startWith as startWith$1, filter as filter$1, asyncScheduler } from 'rxjs';
 import * as i2$2 from '@angular/forms';
 import { FormGroup, FormArray, Validators, UntypedFormGroup, UntypedFormArray, FormControl, FormsModule, ReactiveFormsModule, UntypedFormControl, FormControlDirective, FormControlName } from '@angular/forms';
 import * as i2$3 from '@angular/router';
-import { Router, ActivatedRoute, NavigationStart, NavigationEnd, PRIMARY_OUTLET, RouterLink, NavigationError, DefaultUrlSerializer } from '@angular/router';
-import { merge, isArray, pickBy, isEmpty, cloneDeep, uniq, groupBy, mergeWith, defaultsDeep, omit, kebabCase, clone, pick, isEqual, defaults, isObject, intersection, flatten, differenceWith } from 'lodash-es';
+import { ActivatedRoute, Router, NavigationStart, NavigationEnd, PRIMARY_OUTLET, RouterLink, NavigationError, DefaultUrlSerializer } from '@angular/router';
+import { isArray, pickBy, cloneDeep, uniq, groupBy, mergeWith, defaultsDeep, omit, isEqual, kebabCase, merge, clone, pick, defaults, isEmpty, isObject, intersection, flatten, differenceWith } from 'lodash-es';
 import * as i1 from '@angular/material/dialog';
 import { MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog';
 import * as i3 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, first, map, filter, finalize, takeUntil, take, tap, takeWhile, debounceTime, shareReplay, startWith, distinctUntilChanged, throttleTime } from 'rxjs/operators';
+import { switchMap, first, map, filter, takeUntil as takeUntil$1, takeWhile, debounceTime as debounceTime$1, tap as tap$1, shareReplay as shareReplay$1, startWith, distinctUntilChanged, finalize as finalize$1, throttleTime } from 'rxjs/operators';
 import * as i4$3 from '@angular/material/table';
 import { MatTableDataSource, MatTableModule } from '@angular/material/table';
 import { DataSource, SelectionModel } from '@angular/cdk/collections';
@@ -40,7 +40,7 @@ import extractFiles from 'extract-files/extractFiles.mjs';
 import isExtractableFile from 'extract-files/isExtractableFile.mjs';
 import { Kind, OperationTypeNode } from 'graphql/language';
 import * as i1$4 from 'apollo-angular';
-import { gql } from 'apollo-angular';
+import { Apollo, gql } from 'apollo-angular';
 import * as i1$6 from '@angular/cdk/layout';
 import { Breakpoints } from '@angular/cdk/layout';
 import * as i7$1 from '@angular/material/tooltip';
@@ -203,7 +203,22 @@ class NaturalAbstractPanel extends NaturalAbstractController {
         this.panelData = panelData;
         this.isPanel = true;
         if (this.panelData?.data) {
-            merge(this.data, this.panelData.data);
+            if (this.panelData.data.model instanceof Observable) {
+                // Subscribe to model to know when Apollo cache is changed, so we can reflect it into `data.model`
+                this.panelData.data.model.pipe(takeUntil(this.ngUnsubscribe)).subscribe(model => {
+                    this.data = {
+                        ...this.data,
+                        ...this.panelData?.data,
+                        model: model,
+                    };
+                });
+            }
+            else {
+                this.data = {
+                    ...this.data,
+                    ...this.panelData.data,
+                };
+            }
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NaturalAbstractPanel, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
@@ -288,24 +303,6 @@ function relationsToIds(object) {
 function hasId(value) {
     return !!value && typeof value === 'object' && 'id' in value && !!value.id;
 }
-/**
- * Remove from source object the attributes with same value as modified
- * Does not consider arrays
- */
-function cleanSameValues(source, modified) {
-    Object.keys(source).forEach(key => {
-        if (source[key] instanceof Object) {
-            cleanSameValues(source[key], modified[key]);
-            if (isEmpty(source[key])) {
-                delete source[key];
-            }
-        }
-        else if (modified && source[key] === modified[key]) {
-            delete source[key];
-        }
-    });
-    return source;
-}
 /**
  * Returns the plural form of the given name
  *
@@ -329,12 +326,6 @@ function makePlural(name) {
 function upperCaseFirstLetter(term) {
     return term.charAt(0).toUpperCase() + term.slice(1);
 }
-/**
- * Returns the string with the first letter as lower case
- */
-function lowerCaseFirstLetter(term) {
-    return term.charAt(0).toLowerCase() + term.slice(1);
-}
 /**
  * Replace all attributes of first object with the ones provided by the second, but keeps the reference
  */
@@ -2308,20 +2299,84 @@ function money(control) {
     return twoDecimals(control) ? { money: true } : null;
 }
 
+/**
+ * Cumulate all changes made to an object over time
+ */
+class CumulativeChanges {
+    #original = {};
+    #diff = {};
+    /**
+     * Initialize the original values, should be called exactly one time per instance
+     */
+    initialize(originalValues) {
+        this.#original = cloneDeep(originalValues);
+        this.#diff = {};
+    }
+    /**
+     * Returns a literal that contains only the keys whose values have been changed by this call or any previous calls.
+     *
+     * Eg:
+     *
+     * ```ts
+     * changes.initialize({a: 1, b: 2});
+     * changes.differences({a: 1, b: 3}); // => {b: 3}
+     * ```
+     */
+    differences(newValues) {
+        Object.keys(newValues).forEach(key => {
+            if (key in this.#diff ||
+                (newValues[key] !== undefined &&
+                    (!(key in this.#original) || !isEqual(this.#original[key], newValues[key])))) {
+                this.#diff[key] = newValues[key];
+            }
+        });
+        return Object.keys(this.#diff).length ? this.#diff : null;
+    }
+    /**
+     * Commit the given new values, so they are not treated as differences anymore.
+     */
+    commit(newValues) {
+        this.#original = {
+            ...this.#original,
+            ...cloneDeep(newValues),
+        };
+        Object.keys(newValues).forEach(key => {
+            if (key in this.#diff && isEqual(this.#diff[key], newValues[key])) {
+                delete this.#diff[key];
+            }
+        });
+    }
+}
+
+function isNaturalDialogTriggerProvidedData(dialogData) {
+    return (!!dialogData &&
+        typeof dialogData === 'object' &&
+        'activatedRoute' in dialogData &&
+        dialogData.activatedRoute instanceof ActivatedRoute);
+}
 // @dynamic
 class NaturalAbstractDetail extends NaturalAbstractPanel {
+    #dialogData;
     /**
      * Once set, this must not change anymore, especially not right after the creation mutation,
      * so the form does not switch from creation mode to update mode without an actual reload of
      * model from DB (by navigating to update page).
      */
     #isUpdatePage;
+    #changes;
     constructor(key, service) {
         super();
         this.key = key;
         this.service = service;
         /**
-         * Empty placeholder for data retrieved by the server
+         * Data retrieved by the server via route resolvers.
+         *
+         * The key `model` is special. It is readonly and represents the model being updated
+         * as it exists on server. The value is kept up to date when Apollo mutates it on server.
+         *
+         * The only time when `model` is not readonly is during creation. Only then can we modify the model values directly.
+         *
+         * Other keys, if present, are whatever is returned from route resolvers as-is.
          */
         this.data = {
             model: this.service.getDefaultForServer(),
@@ -2347,28 +2402,50 @@ class NaturalAbstractDetail extends NaturalAbstractPanel {
          * Injected service
          */
         this.route = inject(ActivatedRoute);
+        this.#dialogData = inject(MAT_DIALOG_DATA, { optional: true });
         /**
          * Once set, this must not change anymore, especially not right after the creation mutation,
          * so the form does not switch from creation mode to update mode without an actual reload of
          * model from DB (by navigating to update page).
          */
         this.#isUpdatePage = false;
+        this.#changes = new CumulativeChanges();
     }
     ngOnInit() {
-        if (!this.isPanel) {
-            this.route.data.subscribe(data => {
-                this.data = merge({ model: this.service.getDefaultForServer() }, data[this.key]);
-                this.data = merge(this.data, omit(data, [this.key]));
-                this.initForm();
-            });
+        if (this.isPanel) {
+            this.initForm();
         }
         else {
-            this.initForm();
+            const route = isNaturalDialogTriggerProvidedData(this.#dialogData)
+                ? this.#dialogData.activatedRoute
+                : this.route;
+            this.#subscribeToModelFromResolvedData(route);
         }
     }
     changeTab(index) {
         this.showFabButton = index === 0;
     }
+    #subscribeToModelFromResolvedData(route) {
+        let firstTime = true;
+        route.data
+            .pipe(switchMap$1(data => {
+            if (!(data.model instanceof Observable)) {
+                throw new Error('Resolved data must include the key `model`, and it must be an observable (usually one from Apollo).');
+            }
+            // Subscribe to model to know when Apollo cache is changed, so we can reflect it into `data.model`
+            return data.model.pipe(tap((model) => {
+                this.data = {
+                    ...data,
+                    model: model,
+                };
+                if (firstTime) {
+                    firstTime = false;
+                    this.initForm();
+                }
+            }));
+        }))
+            .subscribe();
+    }
     /**
      * Returns whether `data.model` was fetched from DB, so we are on an update page, or if it is a new object
      * with (only) default values, so we are on a creation page.
@@ -2378,24 +2455,33 @@ class NaturalAbstractDetail extends NaturalAbstractPanel {
     isUpdatePage() {
         return this.#isUpdatePage;
     }
-    update(now = false) {
+    /**
+     * Update the object on the server with the values from the form fields that were modified since
+     * the initialization, or since the previous successful update.
+     *
+     * Form fields that are never modified are **not** sent to the server, unless if you specify `submitAllFields`.
+     */
+    update(now = false, submitAllFields = false) {
         if (!this.isUpdatePage()) {
             return;
         }
         validateAllFormControls(this.form);
         ifValid(this.form).subscribe(() => {
-            this.formToData();
-            const postUpdate = (model) => {
+            const newValues = this.form.getRawValue();
+            if (submitAllFields) {
+                this.#changes.initialize({});
+            }
+            const toSubmit = {
+                id: this.data.model.id,
+                ...this.#changes.differences(newValues),
+            };
+            const update = now ? this.service.updateNow(toSubmit) : this.service.update(toSubmit);
+            update.subscribe(model => {
+                this.#changes.commit(newValues);
                 this.alertService.info($localize `Mis à jour`);
                 this.form.patchValue(model);
                 this.postUpdate(model);
-            };
-            if (now) {
-                this.service.updateNow(this.data.model).subscribe(postUpdate);
-            }
-            else {
-                this.service.update(this.data.model).subscribe(postUpdate);
-            }
+            });
         });
     }
     create(redirect = true) {
@@ -2403,10 +2489,10 @@ class NaturalAbstractDetail extends NaturalAbstractPanel {
         if (!this.form.valid) {
             return;
         }
-        this.formToData();
+        const newValues = this.form.getRawValue();
         this.form.disable();
         this.service
-            .create(this.data.model)
+            .create(newValues)
             .pipe(switchMap$1(model => {
             this.alertService.info($localize `Créé`);
             this.form.patchValue(model);
@@ -2435,7 +2521,7 @@ class NaturalAbstractDetail extends NaturalAbstractPanel {
         (confirmer ??
             this.alertService.confirm($localize `Suppression`, $localize `Voulez-vous supprimer définitivement cet élément ?`, $localize `Supprimer définitivement`))
             .pipe(switchMap$1(confirmed => {
-            if (!confirmed) {
+            if (!confirmed || !this.isUpdatePage()) {
                 return EMPTY;
             }
             this.preDelete(this.data.model);
@@ -2474,12 +2560,7 @@ class NaturalAbstractDetail extends NaturalAbstractPanel {
     initForm() {
         this.#isUpdatePage = !!this.data.model.id;
         this.form = this.service.getFormGroup(this.data.model);
-    }
-    /**
-     * Merge values of form into `this.data.model`.
-     */
-    formToData() {
-        mergeWith(this.data.model, this.form.value, mergeOverrideArray);
+        this.#changes.initialize(this.form.getRawValue());
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NaturalAbstractDetail, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.2.2", type: NaturalAbstractDetail, usesInheritance: true, ngImport: i0 }); }
@@ -2929,7 +3010,7 @@ class NaturalDropdownService {
         // When click on backdrop, validate result.. ?
         overlayRef
             .backdropClick()
-            .pipe(takeUntil(dropdownContainer.closed))
+            .pipe(takeUntil$1(dropdownContainer.closed))
             .subscribe(() => dropdownContainer.close());
         return dropdownRef;
     }
@@ -3605,7 +3686,7 @@ class NaturalDataSource extends DataSource {
         this.ngUnsubscribe = new Subject();
         if (value instanceof Observable) {
             this.internalData = new BehaviorSubject(null);
-            value.pipe(takeUntil(this.ngUnsubscribe)).subscribe(res => (this.data = res));
+            value.pipe(takeUntil$1(this.ngUnsubscribe)).subscribe(res => (this.data = res));
         }
         else {
             this.internalData = new BehaviorSubject(value);
@@ -3624,7 +3705,7 @@ class NaturalDataSource extends DataSource {
         this.internalData.next(data);
     }
     connect() {
-        return this.internalData.pipe(takeUntil(this.ngUnsubscribe), map(data => (data ? data.items : [])));
+        return this.internalData.pipe(takeUntil$1(this.ngUnsubscribe), map(data => (data ? data.items : [])));
     }
     disconnect() {
         this.ngUnsubscribe.next(); // unsubscribe everybody
@@ -3757,12 +3838,12 @@ class NaturalAbstractList extends NaturalAbstractPanel {
         // But we need parameters from url after NavigationEnd. So proceed in two steps with a flag.
         let isPopState = false;
         this.router.events
-            .pipe(takeUntil(this.ngUnsubscribe), filter(event => event instanceof NavigationStart && event.navigationTrigger === 'popstate'))
+            .pipe(takeUntil$1(this.ngUnsubscribe), filter(event => event instanceof NavigationStart && event.navigationTrigger === 'popstate'))
             .subscribe(() => {
             isPopState = true;
         });
         this.router.events
-            .pipe(takeUntil(this.ngUnsubscribe), filter(event => event instanceof NavigationEnd && isPopState))
+            .pipe(takeUntil$1(this.ngUnsubscribe), filter(event => event instanceof NavigationEnd && isPopState))
             .subscribe(() => {
             isPopState = false; // reset flag
             this.naturalSearchSelections = fromUrl(this.persistenceService.getFromUrl('ns', this.route));
@@ -3973,7 +4054,7 @@ class NaturalAbstractList extends NaturalAbstractPanel {
         // the casting and resolve things in a better way, but that's too much work for now
         return this.service
             .watchAll(this.variablesManager)
-            .pipe(takeUntil(this.ngUnsubscribe));
+            .pipe(takeUntil$1(this.ngUnsubscribe));
     }
     initFromPersisted() {
         if (!this.persistSearch || this.isPanel) {
@@ -4130,7 +4211,7 @@ class NaturalAbstractNavigableList extends NaturalAbstractList {
         super.ngOnInit();
     }
     getDataObservable() {
-        return this.service.watchAll(this.variablesManager).pipe(takeUntil(this.ngUnsubscribe), map(result => {
+        return this.service.watchAll(this.variablesManager).pipe(takeUntil$1(this.ngUnsubscribe), map(result => {
             // On each data arriving, we query children count to show/hide chevron
             const navigableItems = result.items.map(item => {
                 const navigableItem = {
@@ -4259,7 +4340,7 @@ function createHttpLink(httpLink, httpBatchLink, options) {
  *
  * This is typically useful to replace setTimeout() in components where the callback
  * would crash if executed after the component destruction. That can easily happen
- * when the user navigate quickly between pages.
+ * when the user navigates quickly between pages.
  *
  * Typical usage in a component would be:
  *
@@ -4283,7 +4364,7 @@ function createHttpLink(httpLink, httpBatchLink, options) {
  * ```
  */
 function cancellableTimeout(canceller, milliSeconds = 0) {
-    return timer(milliSeconds).pipe(take(1), takeUntil(canceller), map(() => {
+    return timer(milliSeconds).pipe(take(1), takeUntil(canceller), map$1(() => {
         return;
     }));
 }
@@ -4301,10 +4382,156 @@ function debug(debugName) {
     });
 }
 
+/**
+ * Debounce subscriptions to update mutations, with the possibility to cancel one, flush one, or flush all of them.
+ *
+ * `modelService` is also used to separate objects by their types. So User with ID 1 is not confused with Product with ID 1.
+ *
+ * `id` must be the ID of the object that will be updated.
+ */
+class NaturalDebounceService {
+    constructor() {
+        /**
+         * Stores the debounced update function
+         */
+        this.allDebouncedUpdateCache = new Map();
+    }
+    /**
+     * Debounce the `modelService.updateNow()` mutation for a short time. If called multiple times with the same
+     * modelService and id, it will postpone the subscription to the mutation.
+     *
+     * All input variables for the same object (same service and ID) will be cumulated over time. So it is possible
+     * to update `field1`, then `field2`, and they will be batched into a single XHR including `field1` and `field2`.
+     *
+     * But it will always keep the same debouncing timeline.
+     */
+    debounce(modelService, id, object) {
+        const debouncedUpdateCache = this.getMap(modelService);
+        let debounced = debouncedUpdateCache.get(id);
+        if (debounced) {
+            debounced.object = {
+                ...debounced.object,
+                ...object,
+            };
+        }
+        else {
+            const debouncer = new ReplaySubject(1);
+            let wasCancelled = false;
+            const canceller = new Subject();
+            canceller.subscribe(() => {
+                wasCancelled = true;
+                debouncer.complete();
+                canceller.complete();
+                this.delete(modelService, id);
+            });
+            const flusher = new Subject();
+            debounced = {
+                object,
+                debouncer,
+                canceller,
+                flusher,
+                modelService: modelService,
+                result: debouncer.pipe(debounceTime(2000), // Wait 2 seconds...
+                raceWith(flusher), // ...unless flusher is triggered
+                take(1), mergeMap(() => {
+                    this.delete(modelService, id);
+                    if (wasCancelled || !debounced) {
+                        return EMPTY;
+                    }
+                    return modelService.updateNow(debounced.object);
+                }), shareReplay()),
+            };
+            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;
+    }
+    cancelOne(modelService, id) {
+        const debounced = this.allDebouncedUpdateCache.get(modelService)?.get(id);
+        debounced?.canceller.next();
+    }
+    /**
+     * Immediately execute the pending update, if any.
+     *
+     * It should typically be called before resolving the object, to mutate it before re-fetching it from server.
+     *
+     * The returned observable will complete when the update completes, even if it errors.
+     */
+    flushOne(modelService, id) {
+        const debounced = this.allDebouncedUpdateCache.get(modelService)?.get(id);
+        return this.internalFlush(debounced ? [debounced] : []);
+    }
+    /**
+     * 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)));
+        return this.internalFlush(all);
+    }
+    internalFlush(debounceds) {
+        const all = [];
+        const allFlusher = [];
+        debounceds.forEach(debounced => {
+            all.push(debounced.result.pipe(catchError(() => of(undefined))));
+            allFlusher.push(debounced.flusher);
+        });
+        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
+            allFlusher.forEach(flusher => flusher.next());
+            return subscription;
+        });
+    }
+    /**
+     * Count of pending updates
+     */
+    get count() {
+        let count = 0;
+        this.allDebouncedUpdateCache.forEach(map => (count += map.size));
+        return count;
+    }
+    getMap(modelService) {
+        let debouncedUpdateCache = this.allDebouncedUpdateCache.get(modelService);
+        if (!debouncedUpdateCache) {
+            debouncedUpdateCache = new Map();
+            this.allDebouncedUpdateCache.set(modelService, debouncedUpdateCache);
+        }
+        return debouncedUpdateCache;
+    }
+    delete(modelService, id) {
+        const map = this.allDebouncedUpdateCache.get(modelService);
+        if (!map) {
+            return;
+        }
+        map.delete(id);
+        if (!map.size) {
+            this.allDebouncedUpdateCache.delete(modelService);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NaturalDebounceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NaturalDebounceService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NaturalDebounceService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 class NaturalAbstractModelService {
-    constructor(apollo, naturalDebounceService, name, oneQuery, allQuery, createMutation, updateMutation, deleteMutation) {
-        this.apollo = apollo;
-        this.naturalDebounceService = naturalDebounceService;
+    constructor(name, oneQuery, allQuery, createMutation, updateMutation, deleteMutation) {
         this.name = name;
         this.oneQuery = oneQuery;
         this.allQuery = allQuery;
@@ -4315,6 +4542,8 @@ class NaturalAbstractModelService {
          * Store the creation mutations that are pending
          */
         this.creatingCache = new Map();
+        this.apollo = inject(Apollo);
+        this.naturalDebounceService = inject(NaturalDebounceService);
     }
     /**
      * List of individual fields validators
@@ -4395,7 +4624,7 @@ class NaturalAbstractModelService {
      * `getFormGroupValidators`, `getFormGroupAsyncValidators` might be.
      */
     getFormGroup(model) {
-        const formConfig = this.getFormConfig(model);
+        const formConfig = this.getFormConfig(deepClone(model));
         return new UntypedFormGroup(formConfig, {
             validators: this.getFormGroupValidators(model),
             asyncValidators: this.getFormGroupAsyncValidators(model),
@@ -4405,9 +4634,27 @@ class NaturalAbstractModelService {
      * Get a single object
      *
      * If available it will emit object from cache immediately, then it
-     * will **always** fetch from network and then the observable will be completed
+     * will **always** fetch from network and then the observable will be completed.
+     *
+     * You must subscribe to start getting results (and fetch from network).
+     */
+    getOne(id) {
+        return this.#prepareOneQuery(id, 'cache-and-network').pipe(takeWhile(result => result.networkStatus !== NetworkStatus.ready, true), map(result => result.data[this.name]));
+    }
+    /**
+     * Watch a single object
+     *
+     * If available it will emit object from cache immediately, then it
+     * will **always** fetch from network, and then keep watching the cache forever.
+     *
+     * You must subscribe to start getting results (and fetch from network).
+     *
+     * You **MUST** unsubscribe.
      */
-    getOne(id, fetchPolicy = 'cache-and-network') {
+    watchOne(id, fetchPolicy = 'cache-and-network') {
+        return this.#prepareOneQuery(id, fetchPolicy).pipe(map(result => result.data[this.name]));
+    }
+    #prepareOneQuery(id, fetchPolicy) {
         this.throwIfObservable(id);
         this.throwIfNotQuery(this.oneQuery);
         return this.getVariablesForOne(id).pipe(switchMap(variables => {
@@ -4418,7 +4665,7 @@ class NaturalAbstractModelService {
                 fetchPolicy: fetchPolicy,
                 nextFetchPolicy: 'cache-only',
             }).valueChanges;
-        }), filter(result => !!result.data), takeWhile(result => result.networkStatus !== NetworkStatus.ready, true), map(result => result.data[this.name]));
+        }), filter(result => !!result.data));
     }
     /**
      * Get a collection of objects
@@ -4444,18 +4691,19 @@ class NaturalAbstractModelService {
      * Get a collection of objects
      *
      * Every time the observable variables change, and they are not undefined,
-     * it will return result from cache, then it will **always** fetch from network.
+     * it will return result from cache, then it will **always** fetch from network,
+     * and then keep watching the cache forever.
      *
      * You must subscribe to start getting results (and fetch from network).
      *
-     * The observable result will only complete when unsubscribing. That means you **must** unsubscribe.
+     * You **MUST** unsubscribe.
      */
     watchAll(queryVariablesManager, fetchPolicy = 'cache-and-network') {
         this.throwIfNotQuery(this.allQuery);
         return combineLatest({
             variables: queryVariablesManager.variables.pipe(
             // Ignore very fast variable changes
-            debounceTime(20), 
+            debounceTime$1(20), 
             // Wait for variables to be defined to prevent duplicate query: with and without variables
             // Null is accepted value for "no variables"
             filter(variables => typeof variables !== 'undefined')),
@@ -4504,12 +4752,12 @@ class NaturalAbstractModelService {
             }
         }
         // If object was not saving, and has no ID, create it
-        const creation = this.create(object).pipe(tap(() => {
+        const creation = this.create(object).pipe(tap$1(() => {
             this.creatingCache.delete(object); // remove from cache
         }));
         // stores creating observable in a cache replayable version of the observable,
         // so several update() can subscribe to the same creation
-        this.creatingCache.set(object, creation.pipe(shareReplay()));
+        this.creatingCache.set(object, creation.pipe(shareReplay$1()));
         return creation;
     }
     /**
@@ -4518,7 +4766,7 @@ class NaturalAbstractModelService {
     create(object) {
         this.throwIfObservable(object);
         this.throwIfNotQuery(this.createMutation);
-        const variables = merge({}, { input: this.getInput(object) }, this.getPartialVariablesForCreation(object));
+        const variables = merge({}, { input: this.getInput(object, true) }, this.getPartialVariablesForCreation(object));
         return this.apollo
             .mutate({
             mutation: this.createMutation,
@@ -4543,7 +4791,7 @@ class NaturalAbstractModelService {
         this.throwIfNotQuery(this.updateMutation);
         // Keep a single instance of the debounced update function
         const id = object.id;
-        return this.naturalDebounceService.debounce(this, id, this.updateNow(object));
+        return this.naturalDebounceService.debounce(this, id, object);
     }
     /**
      * Update an object immediately when subscribing
@@ -4553,7 +4801,7 @@ class NaturalAbstractModelService {
         this.throwIfNotQuery(this.updateMutation);
         const variables = merge({
             id: object.id,
-            input: this.getInput(object),
+            input: this.getInput(object, false),
         }, this.getPartialVariablesForUpdate(object));
         return this.apollo
             .mutate({
@@ -4566,27 +4814,6 @@ class NaturalAbstractModelService {
             return mergeWith(object, mappedResult, mergeOverrideArray);
         }));
     }
-    /**
-     * Update an object but without automatically injecting values coming
-     * from `getDefaultForServer()`.
-     */
-    updatePartially(object) {
-        this.throwIfObservable(object);
-        this.throwIfNotQuery(this.updateMutation);
-        const variables = {
-            id: object.id,
-            input: omit(relationsToIds(object), 'id'),
-        };
-        return this.apollo
-            .mutate({
-            mutation: this.updateMutation,
-            variables: variables,
-        })
-            .pipe(map(result => {
-            this.apollo.client.reFetchObservableQueries();
-            return this.mapUpdate(result);
-        }));
-    }
     /**
      * Delete objects and then refetch the list of objects
      */
@@ -4614,28 +4841,32 @@ class NaturalAbstractModelService {
         }));
     }
     /**
-     * Resolve model from server (never from cache) and items related to the model, if the id is provided, in order to show a form
+     * If the id is provided, resolves an observable model. The observable model will only be emitted after we are sure
+     * that Apollo cache is fresh and warm. Then the component can subscribe to the observable model to get the model
+     * immediately from Apollo cache and any subsequents future mutations that may happen to Apollo cache.
+     *
+     * Without id, returns default values, in order to show a creation form.
      */
     resolve(id) {
-        // Load model if id is given
-        let observable;
         if (id) {
-            observable = this.naturalDebounceService
-                .flushOne(this, id)
-                .pipe(switchMap(() => this.getOne(id, 'network-only')));
+            const onlyNetwork = this.watchOne(id, 'network-only').pipe(first$1());
+            const onlyCache = this.watchOne(id, 'cache-first');
+            // In theory, we can rely on Apollo Cache to return a result instantly. It is very fast indeed,
+            // but it is still asynchronous, so there may be a very short time when we don't have the model
+            // available. To fix that, we can rely on RxJS, which is able to emit synchronously the value we just
+            // got from server. Once Apollo Client moves to RxJS (https://github.com/apollographql/apollo-feature-requests/issues/375),
+            // we could try to remove `startWith()`.
+            return onlyNetwork.pipe(map(firstValue => onlyCache.pipe(startWith(firstValue))));
         }
         else {
-            observable = of(this.getDefaultForServer());
+            return of(of(this.getDefaultForServer()));
         }
-        return observable.pipe(map(result => {
-            return { model: result };
-        }));
     }
     /**
      * Return an object that match the GraphQL input type.
      * It creates an object with manually filled data and add uncompleted data (like required attributes that can be empty strings)
      */
-    getInput(object) {
+    getInput(object, forCreation) {
         // Convert relations to their IDs for mutation
         object = relationsToIds(object);
         // Pick only attributes that we can find in the empty object
@@ -4643,7 +4874,9 @@ class NaturalAbstractModelService {
         const emptyObject = this.getDefaultForServer();
         let input = pick(object, Object.keys(emptyObject));
         // Complete a potentially uncompleted object with default values
-        input = defaults(input, emptyObject);
+        if (forCreation) {
+            input = defaults(input, emptyObject);
+        }
         return input;
     }
     /**
@@ -4791,150 +5024,6 @@ 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() {
-        /**
-         * 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);
-            });
-            const flusher = new Subject();
-            debounced = {
-                debouncer,
-                canceller,
-                flusher,
-                source,
-                result: debouncer.pipe(debounceTime$1(2000), // Wait 2 seconds...
-                raceWith(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;
-    }
-    cancelOne(key, id) {
-        const debounced = this.allDebouncedUpdateCache.get(key)?.get(id);
-        debounced?.canceller.next();
-    }
-    /**
-     * Immediately execute the pending update, if any.
-     *
-     * It should typically be called before resolving the object, to mutate it before re-fetching it from server.
-     *
-     * The returned observable will complete when the update completes, even if it errors.
-     */
-    flushOne(key, id) {
-        const debounced = this.allDebouncedUpdateCache.get(key)?.get(id);
-        return this.internalFlush(debounced ? [debounced] : []);
-    }
-    /**
-     * 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)));
-        return this.internalFlush(all);
-    }
-    internalFlush(debounceds) {
-        const all = [];
-        const allFlusher = [];
-        debounceds.forEach(debounced => {
-            all.push(debounced.result.pipe(catchError(() => of(undefined))));
-            allFlusher.push(debounced.flusher);
-        });
-        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
-            allFlusher.forEach(flusher => 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);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NaturalDebounceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NaturalDebounceService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NaturalDebounceService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
 const enumTypeQuery = gql `
     query EnumType($name: String!) {
         __type(name: $name) {
@@ -5457,7 +5546,7 @@ class NaturalLinkableTabDirective extends NaturalAbstractController {
             return;
         }
         // When url params change, update the mat-tab-group selected tab
-        this.route.fragment.pipe(takeUntil(this.ngUnsubscribe)).subscribe(fragment => {
+        this.route.fragment.pipe(takeUntil$1(this.ngUnsubscribe)).subscribe(fragment => {
             // Get index of tab that matches wanted name
             const tabIndex = this.getTabIndex(fragment);
             // If tab index is valid (>= 0) go to given fragment
@@ -5467,7 +5556,7 @@ class NaturalLinkableTabDirective extends NaturalAbstractController {
             }
         });
         // When mat-tab-groups selected tab change, update url
-        this.component.selectedTabChange.pipe(takeUntil(this.ngUnsubscribe)).subscribe(event => {
+        this.component.selectedTabChange.pipe(takeUntil$1(this.ngUnsubscribe)).subscribe(event => {
             const activatedTabName = getTabId(event.tab);
             const segments = this.route.snapshot.url;
             if (!segments.length) {
@@ -5870,18 +5959,22 @@ class NaturalSeoService {
             applicationName: '',
         };
         combineLatest({
-            config: configToken instanceof Observable ? configToken.pipe(startWith(this.config)) : of(configToken),
-            navigationEnd: this.router.events.pipe(filter(event => event instanceof NavigationEnd)),
-        }).subscribe(({ config }) => {
+            config: configToken instanceof Observable ? configToken.pipe(startWith$1(this.config)) : of(configToken),
+            navigationEnd: this.router.events.pipe(filter$1(event => event instanceof NavigationEnd)),
+        })
+            .pipe(takeUntilDestroyed(), switchMap$1(({ config }) => {
             this.config = config;
             const root = this.router.routerState.root.snapshot;
             this.routeData = this.getRouteData(root);
             const seo = this.routeData.seo ?? { title: '' };
             const dialogRouteData = this.getDialogRouteData(root);
             const dialogSeo = dialogRouteData?.seo;
-            let basic = this.toBasic(seo, this.routeData);
-            if (dialogRouteData && dialogSeo) {
-                const dialogBasic = this.toBasic(dialogSeo, dialogRouteData);
+            const basic = this.toBasic(seo, this.routeData);
+            const dialogBasic = dialogRouteData && dialogSeo ? this.toBasic(dialogSeo, dialogRouteData) : of(null);
+            return combineLatest({ basic, dialogBasic });
+        }))
+            .subscribe(({ basic, dialogBasic }) => {
+            if (dialogBasic) {
                 basic = {
                     ...dialogBasic,
                     title: this.join([dialogBasic.title, basic.title]),
@@ -5931,7 +6024,7 @@ class NaturalSeoService {
         const urlTree = this.router.parseUrl(this.router.url);
         // need better like something recursive ?
         if (urlTree.root.hasChildren()) {
-            const segments = urlTree.root.children.primary.segments;
+            const segments = urlTree.root.children.primary?.segments;
             if (segments && segments.length > 0) {
                 url += '/' + segments.map(segment => segment.path).join('/');
             }
@@ -6034,20 +6127,23 @@ class NaturalSeoService {
     }
     toBasic(seo, routeData) {
         if (typeof seo === 'function') {
-            return seo(routeData);
+            const result = seo(routeData);
+            return result instanceof Observable ? result : of(result);
         }
-        else if ('resolveKey' in seo) {
-            const data = routeData[seo.resolveKey];
-            if (!data) {
-                throw new Error('Could not find resolved data for SEO service with key: ' + seo.resolveKey);
+        else if ('resolve' in seo) {
+            if (!('model' in routeData)) {
+                throw new Error('Could not find resolved data `model` for SEO service');
             }
-            return {
-                title: data.model?.fullName ?? data.model?.name ?? '',
-                description: data.model?.description,
-                robots: seo.robots,
-            };
+            const model = routeData.model;
+            return (model instanceof Observable ? model : of(model)).pipe(map$1(value => {
+                return {
+                    title: value?.fullName ?? value?.name ?? '',
+                    description: value?.description,
+                    robots: seo.robots,
+                };
+            }));
         }
-        return seo;
+        return of(seo);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NaturalSeoService, deps: [{ token: NATURAL_SEO_CONFIG }, { token: i2$3.Router }, { token: i2$4.Title }, { token: i2$4.Meta }, { token: DOCUMENT }, { token: LOCALE_ID }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.2.2", ngImport: i0, type: NaturalSeoService, providedIn: 'root' }); }
@@ -6257,7 +6353,7 @@ class TypeSelectComponent extends NaturalAbstractController {
         const items$ = Array.isArray(this.configuration.items)
             ? of(this.configuration.items)
             : this.configuration.items;
-        return items$.pipe(takeUntil(this.ngUnsubscribe), map(items => {
+        return items$.pipe(takeUntil$1(this.ngUnsubscribe), map(items => {
             this.items = items;
             // Reload selection, according to possible values from configuration
             const possibleIds = this.items.map(item => this.getId(item));
@@ -6707,7 +6803,7 @@ class NaturalSelectComponent extends AbstractSelect {
     }
     ngAfterViewInit() {
         this.internalCtrl.valueChanges
-            .pipe(takeUntil(this.ngUnsubscribe), distinctUntilChanged(), debounceTime(300))
+            .pipe(takeUntil$1(this.ngUnsubscribe), distinctUntilChanged(), debounceTime$1(300))
             .subscribe(val => this.search(val));
     }
     onInternalFormChange() {
@@ -6766,7 +6862,7 @@ class NaturalSelectComponent extends AbstractSelect {
             return;
         }
         // Init query, and when query results arrive, finish loading, and count items
-        this.items = this.service.watchAll(this.variablesManager).pipe(takeUntil(this.ngUnsubscribe), finalize(() => (this.loading = false)), map(data => {
+        this.items = this.service.watchAll(this.variablesManager).pipe(takeUntil$1(this.ngUnsubscribe), finalize$1(() => (this.loading = false)), map(data => {
             this.loading = false;
             const nbTotal = data.length;
             const nbListed = Math.min(data.length, this.pageSize);
@@ -7131,7 +7227,7 @@ class NaturalHierarchicSelectorService {
         }
         flatNode.loading = true;
         this.getList(flatNode, contextFilter)
-            .pipe(finalize(() => (flatNode.loading = false)))
+            .pipe(finalize$1(() => (flatNode.loading = false)))
             .subscribe(items => {
             flatNode.node.childrenChange.next(items);
             this.dataChange.next(this.dataChange.value);
@@ -7916,7 +8012,7 @@ class NaturalHierarchicSelectorComponent extends NaturalAbstractController {
         // Update dataSource when receiving new list -> we assign the whole tree
         // The treeControl and treeFlattener will generate the displayed tree
         this.hierarchicSelectorService.dataChange
-            .pipe(takeUntil(this.ngUnsubscribe))
+            .pipe(takeUntil$1(this.ngUnsubscribe))
             .subscribe(data => (this.dataSource.data = data));
         // Prevent empty screen on first load and init NaturalHierarchicSelectorService with inputted configuration
         let variables;
@@ -8060,7 +8156,7 @@ class NaturalHierarchicSelectorComponent extends NaturalAbstractController {
         this.flatNodeMap = new Map();
         this.hierarchicSelectorService
             .init(this.config, this.filters, searchVariables || null)
-            .pipe(finalize(() => (this.loading = false)))
+            .pipe(finalize$1(() => (this.loading = false)))
             .subscribe();
     }
     /**
@@ -8762,7 +8858,7 @@ class NaturalAbstractFile extends NaturalAbstractController {
             valid: [],
             invalid: [],
         };
-        forkJoin(files.map(file => this.validate(file).pipe(tap$1(error => {
+        forkJoin(files.map(file => this.validate(file).pipe(tap(error => {
             if (error) {
                 selection.invalid.push({
                     file: file,
@@ -8901,7 +8997,7 @@ class NaturalFileDropDirective extends NaturalAbstractFile {
         // It's not absolutely perfect and if dragging slowly and precisely we can
         // still see flicker, but it should be better for most normal usages.
         this.rawFileOver
-            .pipe(takeUntil(this.ngUnsubscribe), throttleTime(200, asyncScheduler, {
+            .pipe(takeUntil$1(this.ngUnsubscribe), throttleTime(200, asyncScheduler, {
             leading: true,
             trailing: true,
         }))
@@ -9048,7 +9144,7 @@ class NaturalFileComponent {
         if (this.formCtrl) {
             this.formCtrl.setValue(this.model);
         }
-        const observable = this.uploader?.(file).pipe(tap$1(() => this.alertService.info($localize `Mis à jour`))) ?? of(this.model);
+        const observable = this.uploader?.(file).pipe(tap(() => this.alertService.info($localize `Mis à jour`))) ?? of(this.model);
         observable.subscribe(result => {
             this.model = result;
             if (this.formCtrl) {
@@ -9598,7 +9694,7 @@ class NaturalPanelsService {
     openPanels(newItemsConfig, fullConfig) {
         const subject = new Subject();
         // Resolve everything before opening a single panel
-        const resolves = newItemsConfig.map((conf) => this.getResolvedData(conf));
+        const resolves = newItemsConfig.map(conf => this.getResolvedData(conf));
         // ForkJoin emits when all promises are executed;
         forkJoin(resolves).subscribe(resolvedResult => {
             // For each new config entry, open a new panel
@@ -9641,9 +9737,7 @@ class NaturalPanelsService {
                 resolvedData[key] = runInInjectionContext(injector, () => config.resolve[key](config));
             });
         }
-        return forkJoin(resolvedData).pipe(map(result => {
-            return result.model || result;
-        }));
+        return forkJoin(resolvedData);
     }
     openPanel(componentOrTemplateRef, data) {
         const conf = {
@@ -9826,7 +9920,7 @@ class NaturalRelationsComponent extends NaturalAbstractController {
         this.removing.add(relation);
         this.linkMutationService
             .unlink(this.main, relation, this.otherName)
-            .pipe(finalize(() => this.removing.delete(relation)))
+            .pipe(finalize$1(() => this.removing.delete(relation)))
             .subscribe(() => this.dataSource?.remove(relation));
     }
     /**
@@ -9892,7 +9986,7 @@ class NaturalRelationsComponent extends NaturalAbstractController {
             return;
         }
         this.loading = true;
-        const queryRef = this.service.watchAll(this.variablesManager).pipe(takeUntil(this.ngUnsubscribe), tap$1({
+        const queryRef = this.service.watchAll(this.variablesManager).pipe(takeUntil$1(this.ngUnsubscribe), tap({
             next: () => (this.loading = false),
             complete: () => (this.loading = false),
             error: () => (this.loading = false),
@@ -10190,7 +10284,7 @@ function assert(value) {
     }
 }
 /**
- * @TODO : Fix nav minimize and maximize resize
+ * TODO: Fix nav minimize and maximize resize
  * Since Material 2 beta 10, when nav is resized the body is not resized
  * https://github.com/angular/material2/issues/6743
  * Maybe the better is to wait next release
@@ -10262,7 +10356,7 @@ class NaturalSidenavService extends NaturalAbstractController {
         let oldIsBig = null;
         this.mediaObserver
             .asObservable()
-            .pipe(takeUntil(this.ngUnsubscribe))
+            .pipe(takeUntil$1(this.ngUnsubscribe))
             .subscribe(() => {
             const isBig = !this.isMobileView();
             this.mode = isBig ? this.modes[0] : this.modes[1];
@@ -10282,7 +10376,7 @@ class NaturalSidenavService extends NaturalAbstractController {
         });
         if (autoClose) {
             this.router.events
-                .pipe(takeUntil(this.ngUnsubscribe), filter(e => e instanceof NavigationEnd))
+                .pipe(takeUntil$1(this.ngUnsubscribe), filter(e => e instanceof NavigationEnd))
                 .subscribe(() => {
                 this.navItemClicked();
             });
@@ -11453,5 +11547,5 @@ function graphqlQuerySigner(key) {
  * Generated bundle index. Do not edit.
  */
 
-export { AvatarService, InvalidWithValueStateMatcher$1 as InvalidWithValueStateMatcher, LOCAL_STORAGE, NATURAL_DROPDOWN_DATA, NATURAL_ICONS_CONFIG, NATURAL_PERSISTENCE_VALIDATOR, NATURAL_SEO_CONFIG, NaturalAbstractController, NaturalAbstractDetail, NaturalAbstractEditableList, NaturalAbstractList, NaturalAbstractModelService, NaturalAbstractNavigableList, NaturalAbstractPanel, NaturalAlertService, NaturalAvatarComponent, NaturalCapitalizePipe, NaturalColumnsPickerComponent, NaturalConfirmComponent, NaturalDataSource, NaturalDebounceService, NaturalDetailHeaderComponent, NaturalDialogTriggerComponent, NaturalDropdownRef, NaturalEllipsisPipe, NaturalEnumPipe, NaturalEnumService, NaturalErrorHandler, NaturalFileComponent, NaturalFileDropDirective, NaturalFileSelectDirective, NaturalFileService, NaturalFixedButtonComponent, NaturalFixedButtonDetailComponent, NaturalHierarchicSelectorComponent, NaturalHierarchicSelectorDialogComponent, NaturalHierarchicSelectorDialogService, NaturalHierarchicSelectorService, NaturalHttpPrefixDirective, NaturalIconDirective, NaturalLinkMutationService, NaturalLinkableTabDirective, NaturalLoggerConfigExtra, NaturalLoggerConfigUrl, NaturalMatomoService, NaturalMemoryStorage, NaturalPanelsComponent, NaturalPanelsService, NaturalPersistenceService, NaturalQueryVariablesManager, NaturalRelationsComponent, NaturalSearchComponent, NaturalSelectComponent, NaturalSelectEnumComponent, NaturalSelectHierarchicComponent, NaturalSeoService, NaturalSidenavComponent, NaturalSidenavContainerComponent, NaturalSidenavContentComponent, NaturalSidenavService, NaturalSidenavStackService, NaturalSrcDensityDirective, NaturalStampComponent, NaturalSwissDatePipe, NaturalSwissParsingDateAdapter, NaturalTableButtonComponent, NaturalTimeAgoPipe, PanelsHooksConfig, SESSION_STORAGE, SortingOrder, TypeBooleanComponent, TypeDateComponent, TypeDateRangeComponent, TypeHierarchicSelectorComponent, TypeNaturalSelectComponent, TypeNumberComponent, TypeOptionsComponent, TypeSelectComponent, TypeTextComponent, available, cancellableTimeout, cleanSameValues, collectErrors, copyToClipboard, createHttpLink, debug, decimal, deepFreeze, deliverableEmail, ensureHttpPrefix, fallbackIfNoOpenedPanels, formatIsoDate, formatIsoDateTime, fromUrl, getForegroundColor, graphqlQuerySigner, ifValid, integer, localStorageFactory, localStorageProvider, lowerCaseFirstLetter, makePlural, memoryLocalStorageProvider, memorySessionStorageProvider, mergeOverrideArray, money, naturalPanelsUrlMatcher, naturalProviders, possibleComparableOperators, provideErrorHandler, provideIcons, providePanels, provideSeo, relationsToIds, replaceObjectKeepingReference, replaceOperatorByField, replaceOperatorByName, sessionStorageFactory, sessionStorageProvider, toGraphQLDoctrineFilter, toNavigationParameters, toUrl, unique, upperCaseFirstLetter, urlValidator, validTlds, validateAllFormControls, validateColumns, validatePagination, validateSorting, wrapLike, wrapPrefix, wrapSuffix };
+export { AvatarService, InvalidWithValueStateMatcher$1 as InvalidWithValueStateMatcher, LOCAL_STORAGE, NATURAL_DROPDOWN_DATA, NATURAL_ICONS_CONFIG, NATURAL_PERSISTENCE_VALIDATOR, NATURAL_SEO_CONFIG, NaturalAbstractController, NaturalAbstractDetail, NaturalAbstractEditableList, NaturalAbstractList, NaturalAbstractModelService, NaturalAbstractNavigableList, NaturalAbstractPanel, NaturalAlertService, NaturalAvatarComponent, NaturalCapitalizePipe, NaturalColumnsPickerComponent, NaturalConfirmComponent, NaturalDataSource, NaturalDebounceService, NaturalDetailHeaderComponent, NaturalDialogTriggerComponent, NaturalDropdownRef, NaturalEllipsisPipe, NaturalEnumPipe, NaturalEnumService, NaturalErrorHandler, NaturalFileComponent, NaturalFileDropDirective, NaturalFileSelectDirective, NaturalFileService, NaturalFixedButtonComponent, NaturalFixedButtonDetailComponent, NaturalHierarchicSelectorComponent, NaturalHierarchicSelectorDialogComponent, NaturalHierarchicSelectorDialogService, NaturalHierarchicSelectorService, NaturalHttpPrefixDirective, NaturalIconDirective, NaturalLinkMutationService, NaturalLinkableTabDirective, NaturalLoggerConfigExtra, NaturalLoggerConfigUrl, NaturalMatomoService, NaturalMemoryStorage, NaturalPanelsComponent, NaturalPanelsService, NaturalPersistenceService, NaturalQueryVariablesManager, NaturalRelationsComponent, NaturalSearchComponent, NaturalSelectComponent, NaturalSelectEnumComponent, NaturalSelectHierarchicComponent, NaturalSeoService, NaturalSidenavComponent, NaturalSidenavContainerComponent, NaturalSidenavContentComponent, NaturalSidenavService, NaturalSidenavStackService, NaturalSrcDensityDirective, NaturalStampComponent, NaturalSwissDatePipe, NaturalSwissParsingDateAdapter, NaturalTableButtonComponent, NaturalTimeAgoPipe, PanelsHooksConfig, SESSION_STORAGE, SortingOrder, TypeBooleanComponent, TypeDateComponent, TypeDateRangeComponent, TypeHierarchicSelectorComponent, TypeNaturalSelectComponent, TypeNumberComponent, TypeOptionsComponent, TypeSelectComponent, TypeTextComponent, available, cancellableTimeout, collectErrors, copyToClipboard, createHttpLink, debug, decimal, deepFreeze, deliverableEmail, ensureHttpPrefix, fallbackIfNoOpenedPanels, formatIsoDate, formatIsoDateTime, fromUrl, getForegroundColor, graphqlQuerySigner, ifValid, integer, localStorageFactory, localStorageProvider, makePlural, memoryLocalStorageProvider, memorySessionStorageProvider, mergeOverrideArray, money, naturalPanelsUrlMatcher, naturalProviders, possibleComparableOperators, provideErrorHandler, provideIcons, providePanels, provideSeo, relationsToIds, replaceObjectKeepingReference, replaceOperatorByField, replaceOperatorByName, sessionStorageFactory, sessionStorageProvider, toGraphQLDoctrineFilter, toNavigationParameters, toUrl, unique, upperCaseFirstLetter, urlValidator, validTlds, validateAllFormControls, validateColumns, validatePagination, validateSorting, wrapLike, wrapPrefix, wrapSuffix };
 //# sourceMappingURL=ecodev-natural.mjs.map